@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body,html{overflow-x:hidden}body{background-color:#e8e8e8!important;margin:0;padding:0!important}.react-spinner-loader-swing div{border-radius:50%;float:left;height:1em;width:1em}.react-spinner-loader-swing div:first-of-type{background:linear-gradient(90deg,#385c78 0,#325774)}.react-spinner-loader-swing div:nth-of-type(2){background:linear-gradient(90deg,#325774 0,#47536a)}.react-spinner-loader-swing div:nth-of-type(3){background:linear-gradient(90deg,#4a5369 0,#6b4d59)}.react-spinner-loader-swing div:nth-of-type(4){background:linear-gradient(90deg,#744c55 0,#954646)}.react-spinner-loader-swing div:nth-of-type(5){background:linear-gradient(90deg,#9c4543 0,#bb4034)}.react-spinner-loader-swing div:nth-of-type(6){background:linear-gradient(90deg,#c33f31 0,#d83b27)}.react-spinner-loader-swing div:nth-of-type(7){background:linear-gradient(90deg,#da3b26 0,#db412c)}.react-spinner-loader-shadow{clear:left;padding-top:1.5em}.react-spinner-loader-shadow div{background:#e3dbd2;border-radius:50%;-webkit-filter:blur(1px);filter:blur(1px);float:left;height:.25em;width:1em}.react-spinner-loader-shadow .react-spinner-loader-shadow-l{background:#d5d8d6}.react-spinner-loader-shadow .react-spinner-loader-shadow-r{background:#eed3ca}@-webkit-keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translateX(-2.5em)}}@keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translateX(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translateX(-2.5em)}}@-webkit-keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translateX(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}}@keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translateX(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}}@-webkit-keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.125;-webkit-transform:translateX(-1.57em);transform:translateX(-1.75em)}}@keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.125;-webkit-transform:translateX(-1.75);transform:translateX(-1.75em)}}@-webkit-keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translateX(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translateX(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}}.react-spinner-loader-swing-l{-webkit-animation:ball-l .425s ease-in-out infinite alternate;animation:ball-l .425s ease-in-out infinite alternate}.react-spinner-loader-swing-r{-webkit-animation:ball-r .425s ease-in-out infinite alternate;animation:ball-r .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-l{-webkit-animation:shadow-l-n .425s ease-in-out infinite alternate;animation:shadow-l-n .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-r{-webkit-animation:shadow-r-n .425s ease-in-out infinite alternate;animation:shadow-r-n .425s ease-in-out infinite alternate}.react-spinner-loader-svg-calLoader{animation:loader-spin 1.4s linear infinite;-webkit-animation:loader-spin 1.4s linear infinite;height:230px;-webkit-transform-origin:115px 115px;transform-origin:115px 115px;width:230px}.react-spinner-loader-svg-cal-loader__path{animation:loader-path 1.4s ease-in-out infinite;-webkit-animation:loader-path 1.4s ease-in-out infinite}@-webkit-keyframes loader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}@keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}.react-spinner-loader-svg svg{-webkit-transform-origin:50% 65%;transform-origin:50% 65%}.react-spinner-loader-svg svg polygon{stroke-dasharray:17;-webkit-animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite;animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite}@-webkit-keyframes dash{to{stroke-dashoffset:136}}@keyframes dash{to{stroke-dashoffset:136}}



/*!
 * =============================================================
 * dropify v0.2.1 - Override your input files with style.
 * https://github.com/JeremyFagis/dropify
 *
 * (c) 2017 - Jeremy FAGIS <jeremy@fagis.fr> (http://fagis.fr)
 * =============================================================
 */@font-face{font-family:dropify;font-style:normal;font-weight:400;src:url(/static/media/dropify.533b98a9bdcedcf6e794.eot);src:url(/static/media/dropify.533b98a9bdcedcf6e794.eot#iefix) format("embedded-opentype"),url(/static/media/dropify.26224e3857435de14aab.woff) format("woff"),url(/static/media/dropify.fa3ea434d36806e79512.ttf) format("truetype"),url(/static/media/dropify.86d35fae3d79c87952d7.svg#dropify) format("svg")}.dropify-font:before,.dropify-wrapper .dropify-message span.file-icon:before,[class*=" dropify-font-"]:before,[class^=dropify-font-]:before{speak:none;-webkit-font-feature-settings:normal;font-feature-settings:normal;display:inline-block;font-family:dropify;font-style:normal;font-variant:normal;font-weight:400;line-height:1em;margin-left:.2em;margin-right:.2em;text-align:center;text-decoration:inherit;text-transform:none;width:1em}.dropify-font-upload:before,.dropify-wrapper .dropify-message span.file-icon:before{content:"\e800"}.dropify-font-file:before{content:"\e801"}.dropify-wrapper{background-color:#fff;background-image:none;border:2px solid #e5e5e5;color:#777;cursor:pointer;display:block;font-family:Roboto,Helvetica Neue,Helvetica,Arial;font-size:14px;height:200px;line-height:22px;max-width:100%;overflow:hidden;padding:5px 10px;position:relative;text-align:center;transition:border-color .15s linear;width:100%}.dropify-wrapper:hover{-webkit-animation:stripes 2s linear infinite;animation:stripes 2s linear infinite;background-image:linear-gradient(-45deg,#f6f6f6 25%,transparent 0,transparent 50%,#f6f6f6 0,#f6f6f6 75%,transparent 0,transparent);background-size:30px 30px}.dropify-wrapper.has-preview .dropify-clear{display:block}.dropify-wrapper.has-error{border-color:#f34141}.dropify-wrapper.has-error .dropify-message .dropify-error{display:block}.dropify-wrapper.has-error:hover .dropify-errors-container{opacity:1;transition-delay:0s;visibility:visible}.dropify-wrapper.disabled input{cursor:not-allowed}.dropify-wrapper.disabled:hover{-webkit-animation:none;animation:none;background-image:none}.dropify-wrapper.disabled .dropify-message{opacity:.5;text-decoration:line-through}.dropify-wrapper.disabled .dropify-infos-message{display:none}.dropify-wrapper input{bottom:0;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;width:100%;z-index:5}.dropify-wrapper .dropify-message{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.dropify-wrapper .dropify-message span.file-icon{color:#ccc;font-size:50px}.dropify-wrapper .dropify-message p{margin:5px 0 0}.dropify-wrapper .dropify-message p.dropify-error{color:#f34141;display:none;font-weight:700}.dropify-wrapper .dropify-clear{background:none;border:2px solid #fff;color:#fff;display:none;font-family:Roboto,Helvetica Neue,Helvetica,Arial;font-size:11px;font-weight:700;opacity:0;padding:4px 8px;position:absolute;right:10px;text-transform:uppercase;top:10px;transition:all .15s linear;z-index:7}.dropify-wrapper .dropify-clear:hover{background:hsla(0,0%,100%,.2)}.dropify-wrapper .dropify-preview{background-color:#fff;bottom:0;display:none;height:100%;left:0;overflow:hidden;padding:5px;position:absolute;right:0;text-align:center;top:0;width:100%;z-index:1}.dropify-wrapper .dropify-preview .dropify-render img{background-color:#fff;max-height:100%;max-width:100%;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:border-color .15s linear}.dropify-wrapper .dropify-preview .dropify-render i{color:#777;font-size:70px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.dropify-wrapper .dropify-preview .dropify-render .dropify-extension{font-size:13px;font-weight:900;left:50%;letter-spacing:-.03em;margin-top:10px;overflow:hidden;position:absolute;text-overflow:ellipsis;text-transform:uppercase;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap;width:42px}.dropify-wrapper .dropify-preview .dropify-infos{background:rgba(0,0,0,.7);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s linear;z-index:3}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner{-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:0 20px;position:absolute;top:50%;-webkit-transform:translateY(-40%);transform:translateY(-40%);transition:all .2s ease;width:100%}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p{color:#fff;font-weight:700;line-height:25px;margin:0;overflow:hidden;padding:0;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message{font-size:12px;margin-top:15px;opacity:.5;padding-top:15px;position:relative}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message:before{background:#fff;content:"";height:2px;left:50%;position:absolute;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:30px}.dropify-wrapper:hover .dropify-clear,.dropify-wrapper:hover .dropify-preview .dropify-infos{opacity:1}.dropify-wrapper:hover .dropify-preview .dropify-infos .dropify-infos-inner{margin-top:-5px}.dropify-wrapper.touch-fallback{height:auto!important}.dropify-wrapper.touch-fallback:hover{-webkit-animation:none;animation:none;background-image:none}.dropify-wrapper.touch-fallback .dropify-preview{padding:0;position:relative}.dropify-wrapper.touch-fallback .dropify-preview .dropify-render{display:block;position:relative}.dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file{left:0;position:relative;top:0;-webkit-transform:translate(0);transform:translate(0)}.dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file:before{margin-bottom:30px;margin-top:30px}.dropify-wrapper.touch-fallback .dropify-preview .dropify-render img{position:relative;-webkit-transform:translate(0);transform:translate(0)}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos{background:transparent;opacity:1;position:relative}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner{padding:5px 90px 5px 0;position:relative;top:0;-webkit-transform:translate(0);transform:translate(0)}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p{color:#777;line-height:25px;margin:0;overflow:hidden;padding:0;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename{font-weight:700}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message{font-size:11px;margin-top:0;opacity:1;padding-top:0;position:relative}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message:before{display:none}.dropify-wrapper.touch-fallback .dropify-message{padding:40px 0;-webkit-transform:translate(0);transform:translate(0)}.dropify-wrapper.touch-fallback .dropify-clear{border-color:hsla(0,0%,47%,.7);bottom:23px;color:#777;opacity:1;top:auto}.dropify-wrapper.touch-fallback.has-preview .dropify-message{display:none}.dropify-wrapper.touch-fallback:hover .dropify-preview .dropify-infos .dropify-infos-inner{margin-top:0}.dropify-wrapper .dropify-loader{display:none;position:absolute;right:15px;top:15px;z-index:9}.dropify-wrapper .dropify-loader:after{-webkit-animation:rotate .6s linear infinite;animation:rotate .6s linear infinite;border-color:#ccc #777 #777 #ccc;border-radius:100%;border-style:solid;border-width:1px;content:"";display:block;height:20px;position:relative;width:20px}.dropify-wrapper .dropify-errors-container{background:rgba(243,65,65,.8);bottom:0;left:0;opacity:0;position:absolute;right:0;text-align:left;top:0;transition:visibility 0s linear .15s,opacity .15s linear;visibility:hidden;z-index:3}.dropify-wrapper .dropify-errors-container ul{left:0;margin:0;padding:10px 20px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.dropify-wrapper .dropify-errors-container ul li{color:#fff;font-weight:700;margin-left:20px}.dropify-wrapper .dropify-errors-container.visible{opacity:1;transition-delay:0s;visibility:visible}.dropify-wrapper~.dropify-errors-container ul{margin:15px 0;padding:0}.dropify-wrapper~.dropify-errors-container ul li{color:#f34141;font-weight:700;margin-left:20px}@-webkit-keyframes stripes{0%{background-position:0 0}to{background-position:60px 30px}}@keyframes stripes{0%{background-position:0 0}to{background-position:60px 30px}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotate{0%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.header .row-flex .back-left-center-right-container .center .text,.header .row-flex .back-left-center-right-container .left .text,.header .row-flex .back-left-center-right-container .right .group .text,.header .row-flex .back-left-center-right-container .right .text,.homePage .promo-container .menu-title .lainnya,.saldo-point-container .box-section .head .title,.settingsPage .box-section .head .title{font-family:Raleway;font-size:14px;font-style:normal;font-weight:700}.saldo-point-container .box-section .child .right .text,.settingsPage .box-section .child .right .text,.settingsPage .profile-section .profile .name,.settingsPage .profile-section .profile .status .keanggotaan,.settingsPage .profile-section .profile .status .phone,.settingsPage .versi-aplikasi{font-family:Poppins;font-style:normal}.profilePage .profile .image .ubah-foto,.saldo-point-container .box-section .child .left .text,.settingsPage .box-section .child .left .text{font-family:Open Sans;font-style:normal}.primary{color:#2e186a!important}.secondary{color:#0a1f44!important}.danger{color:#dc3545!important}.success{color:#28a745!important}.warning{color:#ffc107!important}*,:after,:before{box-sizing:border-box}a{color:#000;outline:none;text-decoration:none}.text-center{text-align:center}.flex-center{justify-content:center}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-left:15px;padding-right:15px;position:relative;width:100%}.col-1{flex:0 0 8.33333%;max-width:8.33333%}.col-2{flex:0 0 16.66667%;max-width:16.66667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33333%;max-width:33.33333%}.col-5{flex:0 0 41.66667%;max-width:41.66667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.33333%;max-width:58.33333%}.col-8{flex:0 0 66.66667%;max-width:66.66667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.33333%;max-width:83.33333%}.col-11{flex:0 0 91.66667%;max-width:91.66667%}.col-12{flex:0 0 100%}.col,.col-12{max-width:100%}.col{flex-basis:0;flex-grow:1}.col-auto{flex:0 0 auto;max-width:100%;width:auto}@media (min-width:1200px){.col-xl-1{flex:0 0 8.33333%;max-width:8.33333%}.col-xl-2{flex:0 0 16.66667%;max-width:16.66667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.33333%;max-width:33.33333%}.col-xl-5{flex:0 0 41.66667%;max-width:41.66667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.33333%;max-width:58.33333%}.col-xl-8{flex:0 0 66.66667%;max-width:66.66667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.33333%;max-width:83.33333%}.col-xl-11{flex:0 0 91.66667%;max-width:91.66667%}.col-xl-12{flex:0 0 100%;max-width:100%}.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;max-width:100%;width:auto}}@media (min-width:992px){.col-lg-1{flex:0 0 8.33333%;max-width:8.33333%}.col-lg-2{flex:0 0 16.66667%;max-width:16.66667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.33333%;max-width:33.33333%}.col-lg-5{flex:0 0 41.66667%;max-width:41.66667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.33333%;max-width:58.33333%}.col-lg-8{flex:0 0 66.66667%;max-width:66.66667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.33333%;max-width:83.33333%}.col-lg-11{flex:0 0 91.66667%;max-width:91.66667%}.col-lg-12{flex:0 0 100%;max-width:100%}.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;max-width:100%;width:auto}}@media (min-width:768px){.col-md-1{flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{flex:0 0 16.66667%;max-width:16.66667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33333%;max-width:33.33333%}.col-md-5{flex:0 0 41.66667%;max-width:41.66667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.33333%;max-width:58.33333%}.col-md-8{flex:0 0 66.66667%;max-width:66.66667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.33333%;max-width:83.33333%}.col-md-11{flex:0 0 91.66667%;max-width:91.66667%}.col-md-12{flex:0 0 100%;max-width:100%}.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;max-width:100%;width:auto}}@media (min-width:576px){.col-sm-1{flex:0 0 8.33333%;max-width:8.33333%}.col-sm-2{flex:0 0 16.66667%;max-width:16.66667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.33333%;max-width:33.33333%}.col-sm-5{flex:0 0 41.66667%;max-width:41.66667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.33333%;max-width:58.33333%}.col-sm-8{flex:0 0 66.66667%;max-width:66.66667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.33333%;max-width:83.33333%}.col-sm-11{flex:0 0 91.66667%;max-width:91.66667%}.col-sm-12{flex:0 0 100%;max-width:100%}.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;max-width:100%;width:auto}}.center-screen{height:100%;width:100%}.center-screen,.center-screen .errorPage,.center-screen .loader{left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:-webkit-translate(-50%,-50%);transform:-webkit-translate(-50%,-50%);transform:-moz-translate(-50%,-50%);transform:-ms-translate(-50%,-50%)}.center-screen .errorPage{display:block}.center-screen .errorPage .headline{color:#ffc107!important;font-size:100px;font-weight:300;margin:0;text-align:center}.center-screen .errorPage .errorContent h3{font-size:25px;font-weight:300;margin:0}.header{background-color:#fff;height:60px;left:50%;max-width:480px;position:fixed;right:50%;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%;z-index:9999}.header .row-flex{display:flex;flex-flow:row wrap;height:60px}.header .row-flex .back-left-center-right-container{align-items:center;display:flex;flex-direction:row;height:60px;margin:0 30px;width:100%}.header .row-flex .back-left-center-right-container .left{align-items:center;display:flex;height:60px;justify-content:flex-start;width:100%}.header .row-flex .back-left-center-right-container .left .icon{cursor:pointer}.header .row-flex .back-left-center-right-container .center{align-items:center;display:flex;height:60px;justify-content:center;width:100%}.header .row-flex .back-left-center-right-container .center .icon{cursor:pointer}.header .row-flex .back-left-center-right-container .right{align-items:center;display:flex;height:60px;justify-content:flex-end;width:100%}.header .row-flex .back-left-center-right-container .right .group{display:flex}.header .row-flex .back-left-center-right-container .right .group .icon{flex:none;flex-grow:0;height:16px;margin:0 5px;order:0;position:static;width:14px}.header .row-flex .back-left-center-right-container .right .group .text{color:#27ae60!important;flex:none;flex-grow:0;order:1}body .app{background-color:#fff;margin:auto;max-width:480px;min-height:100vh;padding:60px 15px}.primary-color{color:#2e186a!important}.section-body{background-color:#e8e8e8!important;display:flex;height:100vh;margin-left:auto;margin-right:auto;padding-top:56px;width:100%}.section-body.overflow{height:100%!important}.section-body.refact{padding-top:0!important}.section-body.refact .card{background-color:#fff!important}.section-body .card{word-wrap:break-word;background-clip:border-box;background-color:#f7f7f7;display:flex;flex-direction:column;max-width:500px;padding:0 15px;position:relative;width:100%;z-index:1000}.section-body .card .box{background-color:#fff;margin-top:15px;padding:10px}.section-body .card .box .balance{display:flex;justify-content:center}.section-body .card .box .balance .child{display:block;font-size:18px;font-weight:300;margin-left:10px;margin-right:10px;text-align:center;width:100%}.section-body .card .box .balance .child .icon{color:#2e186a}.section-body .card .box .balance .child .cat{font-size:16px;font-weight:400;line-height:26px}.section-body .card .box .balance .child .isi{color:#2e186a;font-size:14px;font-weight:500}.section-body .card .box .balance .saldo{display:block;font-size:18px;font-weight:300;margin-left:20px}.section-body .card .box .balance .saldo .isi{color:#2e186a;display:flex;font-size:14px;font-weight:500}.section-body .card .box .balance .point{display:block;font-size:18px;font-weight:300;margin-left:20px}.section-body .card .box .balance .point .isi{color:red;display:flex;font-size:14px;font-weight:500}.section-body .card .box .balance .deposit{cursor:pointer;display:flex;justify-content:center;position:relative;width:15%}.section-body .card .box .balance .deposit .icon{background-color:#2e186a;border-radius:5px;color:#fff;padding:4px;position:absolute;top:-3px}.section-body .card .box .balance .deposit .title{bottom:-3px;font-size:12px;position:absolute}.section-body .card .box .balance .tarik{cursor:pointer;display:flex;justify-content:center;position:relative;width:15%}.section-body .card .box .balance .tarik .icon{background-color:#2e186a;border-radius:5px;color:#fff;padding:4px;position:absolute;top:-3px}.section-body .card .box .balance .tarik .title{bottom:-3px;font-size:12px;position:absolute}.section-body .card .box .balance-action{display:flex;justify-content:center}.section-body .card .box .balance-action .child{display:block;font-size:18px;font-weight:300;margin:20px 10px 10px;text-align:center;width:100%}.section-body .card .box .balance-action .child .cat{background-color:#2e186a;border-radius:5px;color:#fff;font-size:14px;font-weight:400;line-height:26px;padding:8px}.section-body .card .box .balance-action .child .isi{color:#2e186a;font-size:14px;font-weight:500}.section-body .card .box label{align-items:center;display:flex}.section-body .card .box label span{font-size:13px;font-weight:400}.section-body .card .box .cti{margin-bottom:16px}.section-body .card .box .cti .group{align-items:center;border-bottom:1px solid #e5e7e9;color:rgba(0,0,0,.7);display:flex;position:relative;transition:border-bottom-style .28s ease}.section-body .card .box .cti .group .form-control{background-color:transparent;border:none;border-radius:0;color:rgba(49,53,59,.96);display:flex;flex:1 1;font-size:1.1428571428571428rem;font-weight:400;height:33px;line-height:22px;margin:0;outline:none;padding:5px;position:relative;transition:color .28s ease;width:100%}.section-body .card .box .cti .group .form-control:focus{border-bottom:1px solid #00838d}.section-body .card .box .cti .group .form-control.err{border-bottom:1px solid #ef144a}.section-body .card .box .cti .group .form-control:disabled{background-color:#e9ecef;border-radius:4px;cursor:not-allowed}.section-body .card .box .cti .group .form-control:disabled:focus{border-bottom:none}.section-body .card .box .cti .group .form-control:read-only{background-color:#e9ecef;border-radius:4px;cursor:not-allowed}.section-body .card .box .cti .group .form-control:read-only:focus{border-bottom:none}.section-body .card .box .cti .group .close{background-color:#c1c1c1;border:none;border-radius:100%;cursor:pointer;margin-left:6px;outline:none;padding:4px 8px}.section-body .card .box .cti .info-err{display:table;height:22px;min-height:22px;padding-top:4px;width:100%}.section-body .card .box .cti .info-err .err{color:#ef144a;display:table-cell;font-size:.857143rem;line-height:1.5;vertical-align:top}.section-body .card .box .cti .info-warning{display:table;height:22px;min-height:22px;padding-top:4px;width:100%}.section-body .card .box .cti .info-warning .warning{color:#ffc107;display:table-cell;font-size:.857143rem;line-height:1.5;vertical-align:top}.section-body .card .box .btn:not(:disabled):not(.disabled){cursor:pointer}.section-body .card .box .btn:disabled{cursor:not-allowed;opacity:.5}.section-body .card .box .btn-block{display:block;width:100%}.section-body .card .box .btn-primary{background-color:#2e186a;border-color:#2e186a;box-shadow:none;color:#fff}.section-body .card .box .btn{border:1px solid transparent;border-radius:.25rem;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;margin:20px 0;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.section-body .card .box h3{margin:0}.section-body .card .list-produkct{display:flex;flex-wrap:wrap}.section-body .card .list-produkct .box{background-color:#f9f9f9;border:1px solid #d4d4d4;border-radius:3px;box-sizing:border-box;cursor:pointer;flex-basis:100px;height:auto;margin:.3rem;position:relative;text-align:center;width:100px}.section-body .card .list-produkct .box.inactive{cursor:not-allowed;opacity:.6}.section-body .card .list-produkct .box img{height:40px;width:40px}.section-body .card .list-produkct .box svg{height:40px;left:35%;margin:0!important;position:absolute;top:0}.section-body .card .list-produkct .box p{color:#2e186a;font-size:10px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.section-body .card .list-produkct .box .habis{background:#666;border-bottom-left-radius:4px;border-top-right-radius:4px;color:#fff;font-size:10px;height:18px;letter-spacing:.8px;line-height:12px;padding:2px 5px;position:absolute;right:-1px;top:-1px;z-index:4}.box-deposit{margin-top:20px}.box-deposit .head{background-color:#f2f2f2;border-bottom:1px solid #aaa;color:#000;font-size:14px;opacity:.8;padding:10px 15px}.box-deposit .child{border:1px solid #aaa;border-radius:4px;cursor:pointer;display:flex;font-size:14px;margin:6px 0;padding:15px;position:relative}.box-deposit .child .left{display:block;width:70%}.box-deposit .child .left .logo{float:left;padding:4px 10px 4px 0}.box-deposit .child .left .logo img{width:60px}.box-deposit .child .left .product-name{font-size:14px;font-weight:600}.box-deposit .child .left .product-detail{color:#666;font-size:12px;opacity:.8}.box-deposit .child .right{display:inline-flex;justify-content:flex-end;width:40%}.box-deposit .child .right .status{border-radius:2rem;padding:2px 10px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.box-deposit .child .right .status.active{background-color:#28a745;color:#fff}.box-deposit .child .right .status.inactive{background-color:#dc3545;color:#fff}.box-deposit .child .right .product-price{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.box-deposit .child .right .product-price .price-disc{font-size:12px;text-align:center}.box-deposit .child .right .product-price .price-normal{font-size:10px}.box-deposit .child .right .icon{color:#000;font-size:16px;margin-left:10px;opacity:.5}.box-deposit .child.disabled{background-color:#aaa;cursor:not-allowed;pointer-events:none}.section-detail-produk{background-color:#e8e8e8!important;display:flex;height:100%;margin-left:auto;margin-right:auto;padding-top:56px;position:fixed;width:100%}.section-detail-produk .card{word-wrap:break-word;background-clip:border-box;background-color:#fff;display:flex;flex-direction:column;max-width:500px;overflow:auto;padding:0 15px;position:relative;width:100%;z-index:1000}.section-detail-produk .card .produk{padding:20px 0;width:100%}.section-detail-produk .card .produk h3{color:#0a1f44;font-stretch:normal;font-style:normal;font-weight:600;letter-spacing:normal;margin-bottom:24px;text-align:left}.section-detail-produk .card .produk label{align-items:center;display:flex}.section-detail-produk .card .produk label span{color:#888;font-size:13px;font-weight:400;margin-bottom:10px}.section-detail-produk .card .produk label .logo{font-size:1.1428571428571428rem;height:32px;line-height:22px;margin-left:10px;transition:color .28s ease}.section-detail-produk .card .produk label .logo img{height:33px;width:68px}.section-detail-produk .card .produk .cti{margin-bottom:16px}.section-detail-produk .card .produk .cti .group{align-items:center;border-bottom:1px solid #e5e7e9;color:rgba(0,0,0,.7);display:flex;position:relative;transition:border-bottom-style .28s ease}.section-detail-produk .card .produk .cti .group .form-control{background-color:transparent;border:none;border-radius:0;color:rgba(49,53,59,.96);display:flex;flex:1 1;font-size:1.1428571428571428rem;font-weight:400;height:33px;line-height:22px;margin:0;outline:none;padding:5px 0;position:relative;transition:color .28s ease;width:100%}.section-detail-produk .card .produk .cti .group .form-control:focus{border-bottom:1px solid #00838d}.section-detail-produk .card .produk .cti .group .form-control.err{border-bottom:1px solid #ef144a}.section-detail-produk .card .produk .cti .group .close{background-color:#c1c1c1;border:none;border-radius:100%;cursor:pointer;margin-left:6px;outline:none;padding:4px 8px}.section-detail-produk .card .produk .cti .group .cek-produk{background-color:#2e186a;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-left:16px;padding:6px}.section-detail-produk .card .produk .cti .info-err{display:table;height:22px;min-height:22px;padding-top:4px;width:100%}.section-detail-produk .card .produk .cti .info-err .err{color:#ef144a;display:table-cell;font-size:.857143rem;line-height:1.5;vertical-align:top}.section-detail-produk .card .produk .nominalct .operatorct{display:flex;flex-wrap:wrap}@media (min-width:320px) and (max-width:767px){.section-detail-produk .card .produk .nominalct .operatorct .box{width:113px!important}}.section-detail-produk .card .produk .nominalct .operatorct .box{background-color:#f9f9f9;border:1px solid #d4d4d4;border-radius:3px;box-sizing:border-box;cursor:pointer;margin:.3rem;padding:10px;position:relative;text-align:center;width:129px}.section-detail-produk .card .produk .nominalct .operatorct .box.active{border:1px solid #00838d}.section-detail-produk .card .produk .nominalct .operatorct .box.inactive{cursor:not-allowed;opacity:.6}.section-detail-produk .card .produk .nominalct .operatorct .box .nominal{color:#0a1f44;font-size:14px;margin-bottom:4px;opacity:.7;padding:0 5px}.section-detail-produk .card .produk .nominalct .operatorct .box .price{color:#2e186a;font-size:12px;font-weight:600;height:auto;line-height:11px}.section-detail-produk .card .produk .nominalct .operatorct .box .habis{background:#666;border-bottom-left-radius:4px;border-top-right-radius:4px;color:#fff;font-size:10px;height:18px;letter-spacing:.8px;line-height:12px;padding:2px 5px;position:absolute;right:-1px;top:-1px;z-index:4}.section-detail-produk .card .produk .keteranganct{background-color:#eaffeb;border:.5px solid #42b549;border-radius:3px;margin:20px 20px 0;padding:16px;text-align:left}.section-detail-produk .card .produk .keteranganct .ket{color:#42b549;font-size:12px;font-weight:600;margin-bottom:8px}.section-detail-produk .card .produk .keteranganct .des{color:rgba(0,0,0,.7);font-size:12px;line-height:1.42}.section-detail-produk .card .produk .hargact{padding:20px}.section-detail-produk .card .produk .hargact .harga{display:inline-block;width:100%}.section-detail-produk .card .produk .hargact .harga label{color:rgba(0,0,0,.54);display:block;font-size:14px;margin-bottom:8px;opacity:.7;text-align:left}.section-detail-produk .card .produk .hargact .harga .rp{color:rgba(0,0,0,.7);display:inline-flex;font-size:22px;font-weight:700;margin-bottom:20px;text-align:left;width:100%}.section-detail-produk .card .produk .hargact .harga span{color:rgba(0,0,0,.54);display:inline-flex;font-size:20px;font-weight:700;margin-bottom:20px;width:100%}.section-detail-produk .card .produk .hargact .harga span .disc{color:#ff5722;font-size:22px;font-weight:700;margin-right:8px;text-align:left}.section-detail-produk .card .produk .hargact .harga span .awal{font-size:14px;font-weight:500;text-align:left;text-decoration:line-through}.section-detail-produk .card .produk .hargact .harga .harga-btn{display:inline-flex;justify-content:center;width:100%}.section-detail-produk .card .produk .hargact .harga .harga-btn .btn-beli{background:#2e186a;border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;height:48px;line-height:18px;outline:medium none currentcolor;overflow:hidden;padding:0 16px;position:relative;text-indent:0;text-overflow:ellipsis;transition:background .8s ease 0s;white-space:nowrap;width:234px}.section-detail-produk .card .produk .hargact .harga .harga-btn .btn-beli:disabled{background:#b9c7d5;cursor:not-allowed}.section-detail-produk .card .produk .hargact .harga .harga-btn .btn-beli:disabled span{color:#000;opacity:.5}.section-detail-produk .card .produk .hargact .harga .harga-btn .btn-beli span{bottom:0;color:#fff;justify-content:center;line-height:46px;opacity:1;position:relative;transition:opacity .3s linear 0s,bottom .3s linear 0s}.section-detail-produk .card .produk .box{margin-top:20px}.section-detail-produk .card .produk .box .head{background-color:#f2f2f2;border-bottom:1px solid #aaa;color:#000;font-size:14px;opacity:.8;padding:10px 15px}.section-detail-produk .card .produk .box .child{border:1px solid #aaa;border-radius:4px;cursor:pointer;display:flex;font-size:14px;margin:4px 0 0 4px;padding:15px;position:relative}.section-detail-produk .card .produk .box .child .left{display:block;width:50%}.section-detail-produk .card .produk .box .child .left .product-name{font-weight:600}.section-detail-produk .card .produk .box .child .left .product-detail,.section-detail-produk .card .produk .box .child .left .product-syarat,.section-detail-produk .card .produk .box .child .left .product-zona{color:#666}.section-detail-produk .card .produk .box .child .right{display:inline-flex;justify-content:flex-end;width:50%}.section-detail-produk .card .produk .box .child .right .product-price{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.section-detail-produk .card .produk .box .child .right .product-price .price-disc{color:#666;font-size:12px;text-decoration:line-through}.section-detail-produk .card .produk .box .child .right .product-price .price-normal{color:#2e186a;font-size:14px;font-weight:600}.section-detail-produk .card .produk .box .child .right .icon{color:#000;font-size:16px;margin-left:10px;opacity:.5}.section-detail-produk .card .produk .box .child .right.danger{color:#dc3545}.section-detail-produk .card .produk .box .child .right.success{color:#28a745}.section-detail-produk .card .produk .box .child .right.warning{color:#ffc107}.section-detail-produk .card .produk .box-pelanggan{margin-top:20px}.section-detail-produk .card .produk .box-pelanggan .pelanggan-item{display:flex;flex-wrap:wrap;margin:4px 0;position:relative;width:100%}.section-detail-produk .card .produk .box-pelanggan .pelanggan-item p{font-size:14px;margin:0}.section-detail-produk .card .produk .box-pelanggan .pelanggan-item .pelanggan-left{color:#707070;font-weight:600;width:45%}.section-detail-produk .card .produk .box-pelanggan .pelanggan-item .pelanggan-right{color:#2e186a;font-weight:600;text-align:right;width:55%}.contact-picker{border:1px solid #aaa;border-radius:4px;cursor:pointer;display:flex;font-size:1em;padding:.75em;position:relative}.contact-picker .left{display:inline-flex;justify-content:flex-start;width:50%}.contact-picker .left .icon{color:#000;font-size:16px;margin-right:10px;opacity:.5}.contact-picker .right{display:inline-flex;justify-content:flex-end;width:50%}.contact-picker .right .icon{color:#000;font-size:16px;margin-left:10px;opacity:.5}@-webkit-keyframes animateFromBottom{0%{bottom:-300px;opacity:0}to{bottom:0;opacity:1}}@keyframes animateFromBottom{0%{bottom:-300px;opacity:0}to{bottom:0;opacity:1}}@-webkit-keyframes animateLinear{0%{opacity:0;transition:opacity .3s linear}to{opacity:1;transition:opacity .3s linear}}@keyframes animateLinear{0%{opacity:0;transition:opacity .3s linear}to{opacity:1;transition:opacity .3s linear}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-backdrop{background-color:rgba(0,0,0,.5);inset:0;position:fixed;z-index:1200}.detail-modal{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:animateFromBottom;animation-name:animateFromBottom;background-color:#fff;border-radius:15px 15px 0 0;bottom:0;box-shadow:0 0 10px 0 rgba(0,0,0,.4);display:flex;height:auto;left:0;margin:auto;max-height:100%;max-width:500px;padding:40px 20px 30px;position:fixed;right:0;top:auto;z-index:9999}.detail-modal .close{cursor:pointer;left:15px;opacity:.8;position:absolute;top:20px}.detail-modal .info{border-radius:4px;margin-top:20px;position:relative;width:100%}.detail-modal .info .detail-pembayaran h2{font-size:14px}.detail-modal .info .detail-pembayaran .detailtrans-item{display:flex;flex-wrap:wrap;margin:4px 0;position:relative;width:100%}.detail-modal .info .detail-pembayaran .detailtrans-item p{font-size:14px;margin:0}.detail-modal .info .detail-pembayaran .detailtrans-item .detailtrans-left{color:#707070;width:45%}.detail-modal .info .detail-pembayaran .detailtrans-item .detailtrans-right{font-weight:600;text-align:right;width:55%}.detail-modal .info .detail-pembayaran .info-total{align-items:center;background:#fff0f0;display:flex;justify-content:space-between;margin-top:22px;padding:10px;position:relative;width:100%}.detail-modal .info .detail-pembayaran .info-total p{color:#333;font-size:14px;font-weight:600}.detail-modal .info .detail-pembayaran .info-total p.ttl{color:#2e186a!important;font-size:14px;font-weight:600;text-align:right}.detail-modal .info .detail-pembayaran .btn-bayar{display:flex;margin-top:12px}.detail-modal .info .detail-pembayaran .btn-bayar .bayar-left{background-color:#666;border-radius:4px;color:#fff;cursor:pointer;margin:6px;padding:10px;text-align:center;width:50%}.detail-modal .info .detail-pembayaran .btn-bayar .bayar-right{background-color:#2e186a;border-radius:4px;color:#fff;cursor:pointer;margin:6px;padding:10px;text-align:center;width:50%}.detail-modal-deposit{background-color:#fff;border-radius:15px;bottom:0;box-shadow:0 0 10px 0 rgba(0,0,0,.4);display:flex;height:auto;left:0;margin:auto;max-height:100%;max-width:350px;padding:40px 20px 30px;position:fixed;right:0;top:auto;-webkit-transform:translateY(-100%);transform:translateY(-100%);z-index:9999}.detail-modal-deposit .close{cursor:pointer;left:15px;opacity:.8;position:absolute;top:20px}.detail-modal-deposit .info{border-radius:4px;margin-top:10px;position:relative;width:100%}.detail-modal-deposit .info .detail-deposit h2{font-size:14px}.detail-modal-deposit .info .detail-deposit .detailtrans-item{display:flex;flex-wrap:wrap;margin:4px 0;position:relative;width:100%}.detail-modal-deposit .info .detail-deposit .detailtrans-item p{font-size:14px;margin:0}.detail-modal-deposit .info .detail-deposit .detailtrans-item .detailtrans-left{color:#707070;width:45%}.detail-modal-deposit .info .detail-deposit .detailtrans-item .detailtrans-right{font-weight:600;text-align:right;width:55%}.detail-modal-deposit .info .detail-deposit .info-total{align-items:center;background:#fff0f0;display:flex;justify-content:space-between;margin-top:22px;padding:10px;position:relative;width:100%}.detail-modal-deposit .info .detail-deposit .info-total p{color:#333;font-size:14px;font-weight:600}.detail-modal-deposit .info .detail-deposit .info-total p.ttl{color:#2e186a!important;font-size:14px;font-weight:600;text-align:right}.detail-modal-deposit .info .detail-deposit .btn-bayar{display:flex;margin-top:12px}.detail-modal-deposit .info .detail-deposit .btn-bayar .bayar-left{background-color:#666;border-radius:4px;color:#fff;cursor:pointer;margin:6px;padding:10px;text-align:center;width:50%}.detail-modal-deposit .info .detail-deposit .btn-bayar .bayar-right{background-color:#2e186a;border-radius:4px;color:#fff;cursor:pointer;margin:6px;padding:10px;text-align:center;width:50%}.checking-session-backdrop{background-color:rgba(0,0,0,.1);inset:0;position:fixed;z-index:10000}.checking-session{background-color:#8e8e8e;border-radius:100px;bottom:10%;color:#fff;left:50%;max-width:200px;padding:10px;position:fixed;right:50%;text-align:center;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%}.modal-logout{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:animateLinear;animation-name:animateLinear;background-color:#fff;border-radius:15px;bottom:50%;box-shadow:0 0 10px 0 rgba(0,0,0,.4);height:auto;left:0;margin:auto;max-height:100%;max-width:300px;padding:15px;position:fixed;right:0;top:auto;z-index:9999}.modal-logout .title{font-size:20px;font-weight:600;line-height:2;text-align:center}.modal-logout .text{font-size:16px;line-height:2;margin-bottom:10px;opacity:.7;text-align:center}.modal-logout .exit-group-btn{display:flex;justify-content:center}.modal-logout .exit-group-btn .list-btn{box-sizing:border-box;margin:4px;padding:10px;position:relative;text-align:center}.modal-logout .exit-group-btn .cancel{background-color:#dc3545!important;border:1px solid;border-radius:10px;color:#fff;cursor:pointer;width:50%}.modal-logout .exit-group-btn .yes{background-color:#17a2b8!important;border:1px solid;border-radius:10px;color:#fff;cursor:pointer;width:50%}.custom-modal-backdrop{background:#666;inset:0;opacity:.5;position:fixed;z-index:10000}.custom-modal{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:animateLinear;animation-name:animateLinear;background-color:#fff;border-radius:15px;height:auto;left:50%;margin:auto;max-width:300px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px;z-index:10000}.custom-modal .container{flex-direction:column;flex-wrap:wrap;justify-content:center;padding:15px}.custom-modal .container,.custom-modal .container .icon{align-items:center;display:flex}.custom-modal .container .title{font-size:14px;line-height:19px;margin:10px}.custom-modal .container .content,.custom-modal .container .title{color:#666;font-family:Open Sans;font-style:normal;font-weight:400;text-align:center}.custom-modal .container .content{font-size:11px;line-height:15px}.custom-modal .group-btn{display:flex;font-family:Open Sans;font-size:14px;font-style:normal;font-weight:600;justify-content:center;line-height:19px;width:100%}.custom-modal .group-btn .list-btn{border-radius:0 0 0 15px;border-top:.5px solid #c4c4c4;box-sizing:border-box;cursor:pointer;padding:20px;position:relative;text-align:center;width:100%}.custom-modal .group-btn .list-btn:not(:last-child){border-right:.5px solid #c4c4c4}.custom-modal .group-btn .unyu{color:#e83e8c}.custom-modal .group-btn .hijau,.custom-modal .group-btn .unyu{font-family:Open Sans;font-size:14px;font-style:normal;font-weight:600;line-height:19px;text-align:center}.custom-modal .group-btn .hijau{color:#27ae60}.card-akun{word-wrap:break-word;background-clip:border-box;background-color:#fff;display:flex;flex-direction:column;margin-bottom:56px;max-width:500px;overflow:auto;position:relative;width:100%;z-index:1000}.card-akun .box .head{background-color:#f2f2f2;color:#000;opacity:.8}.card-akun .box .child,.card-akun .box .head{border-bottom:1px solid #aaa;font-size:14px;padding:10px 15px}.card-akun .box .child{cursor:pointer;display:flex;position:relative}.card-akun .box .child .left{display:inline-flex;justify-content:flex-start;width:50%}.card-akun .box .child .right{display:inline-flex;justify-content:flex-end;width:50%}.card-akun .box .child .right .icon{color:#000;font-size:16px;margin-left:10px;opacity:.5}.card-akun .box .child .right.danger{color:#dc3545}.card-akun .box .child .right.success{color:#28a745}.card-akun .box .child .right.warning{color:#ffc107}.dropify-wrapper .dropify-message p{font-size:14px!important}.boxPin{border-bottom:1px solid #aaa;margin-bottom:15px}.boxPin .child{cursor:pointer;display:flex;font-size:14px;padding:10px 0;position:relative}.boxPin .child .left{justify-content:flex-start}.boxPin .child .left,.boxPin .child .right{display:inline-flex;line-height:34px;width:50%}.boxPin .child .right{justify-content:flex-end}.toggle-switch{display:inline-block;margin-right:10px;position:relative;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;vertical-align:middle;width:75px}.toggle-switch-checkbox{display:none}.toggle-switch-label{border:0 solid #bbb;border-radius:20px;cursor:pointer;display:block!important;margin:0;overflow:hidden}.toggle-switch-label:focus{outline:none}.toggle-switch-label:focus>span{box-shadow:0 0 2px 5px #ff0}.toggle-switch-label>span:focus{outline:none}.toggle-switch-inner{display:block;margin-left:-100%;transition:margin .3s ease-in 0s;width:200%}.toggle-switch-inner:after,.toggle-switch-inner:before{box-sizing:border-box;color:#fff;display:block;float:left;font-size:14px;font-weight:700;height:34px;line-height:34px;padding:0;width:50%}.toggle-switch-inner:before{background-color:#2f855a;color:#fff;content:attr(data-yes);padding-left:10px;text-transform:uppercase}.toggle-switch-disabled,.toggle-switch-disabled:before{background-color:#ddd;cursor:not-allowed}.toggle-switch-inner:after{background-color:#bbb;color:#fff;content:attr(data-no);padding-right:10px;text-align:right;text-transform:uppercase}.toggle-switch-switch{background:#fff;border:0 solid #bbb;border-radius:20px;bottom:0;display:block;margin:5px;position:absolute;right:40px;top:0;transition:all .3s ease-in 0s;width:24px}.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-inner{margin-left:0}.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-switch{right:0}.toggle-switch.small-switch{width:40px}.toggle-switch.small-switch .toggle-switch-inner:after,.toggle-switch.small-switch .toggle-switch-inner:before{content:"";height:20px;line-height:20px}.toggle-switch.small-switch .toggle-switch-switch{margin:2px;right:20px;width:16px}@media screen and (max-width:991px){.toggle-switch{-webkit-transform:scale(.9);transform:scale(.9)}}@media screen and (max-width:767px){.toggle-switch{-webkit-transform:scale(.825);transform:scale(.825)}}@media screen and (max-width:575px){.toggle-switch{-webkit-transform:scale(.75);transform:scale(.75)}}.login-container{padding:0 15px}.login-container .login-tittle{color:#666;display:flex;font-family:Raleway;font-size:24px;font-style:normal;font-weight:700;justify-content:center;line-height:28px;padding-bottom:30px}.login-container .login-tittle.register{padding-top:10px}.login-container .login-box{width:100%}.login-container .login-box label{align-items:center;display:flex}.login-container .login-box label span{font-size:13px;font-weight:400}.login-container .login-box .alert{border:1px solid transparent;border-radius:.25rem;margin-bottom:1rem;padding:.75rem 1.25rem;position:relative}.login-container .login-box .alert-danger{background-color:#d32535;border-color:#d32535;color:#fff}.login-container .login-box .alert-success{background-color:#28a745;border-color:#28a745;color:#fff}.login-container .login-box .boxLog{margin-bottom:30px;padding-top:10px}.login-container .login-box .boxLog .child{display:flex;font-size:14px;position:relative}.login-container .login-box .boxLog .child .left{display:inline-flex;justify-content:flex-start;line-height:34px;width:50%}.login-container .login-box .boxLog .child .left .remember{cursor:pointer}.login-container .login-box .boxLog .child .left .remember input[type=checkbox]{display:none}.login-container .login-box .boxLog .child .left .remember .checkmark{border:1px solid #c4c4c4;border-radius:6px;box-sizing:border-box;height:20px;margin-right:6px;position:relative;width:20px}.login-container .login-box .boxLog .child .left .remember .checkmark:after{content:"";display:none;position:absolute}.login-container .login-box .boxLog .child .left .remember:hover input~.checkmark{border-color:#27ae60}.login-container .login-box .boxLog .child .left .remember input:checked~.checkmark:after{display:block}.login-container .login-box .boxLog .child .left .remember .checkmark:after{border:solid #27ae60;border-width:0 3px 3px 0;height:10px;left:35%;top:15%;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:6px}.login-container .login-box .boxLog .child .left .remember .text{align-items:center;color:#666;display:flex;font-family:Open Sans;font-size:14px;font-style:normal;font-weight:400;line-height:19px}.login-container .login-box .boxLog .child .right{display:inline-flex;justify-content:flex-end;line-height:34px;width:50%}.login-container .login-box .boxLog .child .right .forgot{align-items:center;color:#f86c6b;display:flex;font-family:Open Sans;font-size:14px;font-style:normal;font-weight:400;line-height:19px;text-align:center}.login-container .login-box .boxLog a{color:#2e186a}.login-container .login-box .boxReg{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:40px 0 60px;padding:0 15px}.login-container .login-box .boxReg .line{border:1px solid #999;margin:5% 0;width:50%}.login-container .login-box .boxReg .daftar{align-items:center;color:#27ae60;display:flex;font-family:Open Sans;font-size:16px;font-style:normal;font-weight:600;line-height:22px;margin:0 28px;text-align:center}.login-container .login-box h3{font-size:20px}.login-container .login-box p{font-size:14px}.login-container .login-box .persetujuan{color:#000;font-family:Open Sans;font-size:12px;font-style:normal;font-weight:400;line-height:16px;margin:30px 0}.menuBar{margin-top:10px}.menuBar .menu{background-color:#fff;display:flex;flex-wrap:wrap;height:40px;justify-content:center}.menuBar .menu .menu-item{cursor:pointer;display:flex;flex-basis:28%;justify-content:center;margin:0 12px;opacity:.6;padding:0 12px}.menuBar .menu .menu-item.active{border-bottom:2px solid #2e186a;color:#2e186a;opacity:1}.menuBar .menu .menu-item .title{font-size:16px;line-height:2.5}.bottomBar{background:#fff;bottom:0;box-shadow:0 -2px 10px 5px hsla(0,0%,77%,.25);height:70px;left:50%;max-width:480px;position:fixed;right:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%;z-index:9999}.bottomBar .menu{flex-direction:row}.bottomBar .menu,.bottomBar .menu .menu-item{align-items:center;display:flex;height:70px;justify-content:center}.bottomBar .menu .menu-item{cursor:pointer;flex-direction:column;padding:0;position:relative;width:100%}.bottomBar .menu .menu-item.active,.bottomBar .menu .menu-item.active .icon,.bottomBar .menu .menu-item.active .title{color:#27ae60}.bottomBar .menu .menu-item.active .title:before{background:#27ae60;border-radius:100%;content:"";height:4px;width:4px}.bottomBar .menu .menu-item .icon{align-items:center;color:#999;display:flex;height:15px;justify-content:center;width:15px}.bottomBar .menu .menu-item .title{align-items:center;color:#666;display:flex;flex-direction:column;font-family:Raleway;font-size:12px;font-style:normal;font-weight:500;justify-content:center;line-height:14px;margin-top:4px;text-align:center}.bottomBar .menu .menu-item .title:before{content:"";height:4px;width:4px}@media screen and (max-width:480px){.welcome-image{display:flex;padding-bottom:30px!important;width:300px}}.welcome-container{padding:0 15px;text-align:center}.welcome-container .welcome-image{height:auto;margin:auto;max-width:100%;padding-bottom:60px}.welcome-container .welcome-title{color:#666;font-family:Raleway;font-size:24px;font-style:normal;font-weight:700;line-height:28px}.welcome-container .welcome-title h3{margin:0}.welcome-container .welcome-description{color:#999;font-family:Open Sans;font-size:16px;font-style:normal;font-weight:400;line-height:22px;margin-top:30px}.welcome-container .welcome-group-btn{display:flex;flex-wrap:wrap;justify-content:center;margin:30px 0}.welcome-container .welcome-group-btn .list-btn{box-sizing:border-box;margin:10px;position:relative}.welcome-container .welcome-group-btn .masuk{background:#27ae60;border:none;border-radius:20px;color:#fff}.welcome-container .welcome-group-btn .daftar,.welcome-container .welcome-group-btn .masuk{cursor:pointer;font-family:Open Sans;font-size:16px;font-style:normal;font-weight:600;padding:9px 49px;width:150px}.welcome-container .welcome-group-btn .daftar{background:#fff;border:1px solid #27ae60;border-radius:20px;box-sizing:border-box;color:#27ae60}.login-container .login-box .group-input,.profilePage .form-section .group-input{background:#fff;border-radius:10px;box-shadow:0 4px 10px 2px hsla(0,0%,77%,.25);margin-bottom:20px;padding:15px 20px}.login-container .login-box .group-input label span,.profilePage .form-section .group-input label span{color:#666;font-family:Open Sans;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.login-container .login-box .group-input .form-control,.profilePage .form-section .group-input .form-control{background-color:transparent;border:none;border-radius:0;color:#27ae60;display:flex;flex:1 1;font-family:Poppins;font-size:14px;font-style:normal;font-weight:600;line-height:21px;margin:0;outline:none;padding:5px 0;position:relative;transition:color .28s ease;width:95%}.login-container .login-box .group-input .form-control:focus,.profilePage .form-section .group-input .form-control:focus{border-bottom:1px solid #27ae60}.login-container .login-box .group-input .form-control.err,.profilePage .form-section .group-input .form-control.err{border-bottom:1px solid #e83e8c}.login-container .login-box .group-input .icon,.profilePage .form-section .group-input .icon{color:#27ae60;position:absolute;right:2%;-webkit-transform:translate(-100%,-150%);transform:translate(-100%,-150%)}.login-container .login-box .group-input .icon:hover,.profilePage .form-section .group-input .icon:hover{cursor:pointer}.login-container .login-box .group-input .info-input,.profilePage .form-section .group-input .info-input{display:table;height:22px;min-height:22px;padding-top:4px;width:100%}.login-container .login-box .group-input .info-input .err,.profilePage .form-section .group-input .info-input .err{color:#e83e8c;font-family:Open Sans;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.login-container .login-box .cti{margin-bottom:16px}.login-container .login-box .cti .group{align-items:center;border-bottom:1px solid #e5e7e9;color:rgba(0,0,0,.7);display:flex;position:relative;transition:border-bottom-style .28s ease}.login-container .login-box .cti .group .form-control{background-color:transparent;border:none;border-radius:0;color:rgba(49,53,59,.96);display:flex;flex:1 1;font-size:1.1428571428571428rem;font-weight:400;height:33px;line-height:22px;margin:0;outline:none;padding:5px 0;position:relative;transition:color .28s ease;width:100%}.login-container .login-box .cti .group .form-control:focus{border-bottom:1px solid #00838d}.login-container .login-box .cti .group .form-control.err{border-bottom:1px solid #ef144a}.login-container .login-box .cti .group .close{background-color:#c1c1c1;border:none;border-radius:100%;cursor:pointer;margin-left:6px;outline:none;padding:4px 8px}.login-container .login-box .cti .group .icon{color:#aaa;position:absolute;right:1%;-webkit-transform:translate(-50%);transform:translate(-50%)}.login-container .login-box .cti .group .icon:hover{color:#2e186a;cursor:pointer}.login-container .login-box .cti .info-err{display:table;height:22px;min-height:22px;padding-top:4px;width:100%}.login-container .login-box .cti .info-err .err{color:#ef144a;display:table-cell;font-size:.857143rem;line-height:1.5;vertical-align:top}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn-block{display:block;height:50px;width:100%}.btn-primary{background:#27ae60}.btn-primary,.btn-unyu{border-radius:10px;box-shadow:0 4px 10px 2px hsla(0,0%,77%,.25);color:#fff}.btn-unyu{background:#e83e8c}.btn{border:1px solid transparent;border-radius:.25rem;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.btn-masuk{color:#fff;height:50px}.btn-masuk,.login-or{font-family:Open Sans;font-size:16px;font-style:normal;font-weight:700;line-height:22px;text-align:center}.login-or{color:#666}.login-group-btn{display:flex;flex-wrap:wrap;justify-content:center;margin:30px 0}.login-group-btn .wtIcon{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:10px;width:72px}.login-group-btn .wtIcon .icon,.login-group-btn .wtIcon .icon-facebook,.login-group-btn .wtIcon .icon-google{height:auto;max-height:40px;max-width:40px;width:100%}.login-group-btn .wtIcon h3{color:#666;font-family:Open Sans;font-size:16px;font-style:normal;font-weight:400;margin:0}@-webkit-keyframes animatePulse{0%{opacity:0;-webkit-transform:scale(.1)}50%{opacity:1}to{opacity:0;-webkit-transform:scale(1.2)}}@keyframes animatePulse{0%{opacity:0;-webkit-transform:scale(.1)}50%{opacity:1}to{opacity:0;-webkit-transform:scale(1.2)}}.homePage{position:relative}.homePage .background{background-color:#27ae60;left:50%;max-width:480px;position:fixed;right:50%;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);transition:.4s;width:100%;z-index:10}.homePage .background.shrink{top:-30px}.homePage .background:after{content:"";left:0;position:absolute;right:0;top:120px;z-index:0}.homePage .profile-container{display:flex;flex-direction:row;left:50%;max-width:480px;padding:0 20px;position:fixed;right:50%;top:30px;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%;z-index:11}.homePage .profile-container .left{align-items:center;display:flex;justify-content:flex-start;width:100%}.homePage .profile-container .left .profile{align-items:center;cursor:pointer;display:flex;width:100%}.homePage .profile-container .left .profile .foto{align-items:center;border:2px solid #fff;border-radius:20px;display:flex;height:30px;margin-right:6px;width:30px}.homePage .profile-container .left .profile .name{align-items:center;color:#fff;display:flex;font-family:Raleway;font-size:16px;font-style:normal;font-weight:600;line-height:19px;margin-right:5px;width:100%}.homePage .profile-container .left .profile .verified,.homePage .profile-container .right{align-items:center;display:flex;width:100%}.homePage .profile-container .right{justify-content:flex-end}.homePage .profile-container .right .bell{align-items:center;background:#fff;border-radius:20px;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.homePage .profile-container .right .bell .pulse{-webkit-animation:animatePulse 1s ease-out;animation:animatePulse 1s ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#e83e8c;border-radius:30px;height:6px;position:absolute;top:6px;-webkit-transform:translate(-50%);transform:translate(-50%);width:6px}.homePage .balance-container{background:#fff;border-radius:10px;box-shadow:0 4px 10px 2px hsla(0,0%,77%,.25);display:flex;flex-wrap:wrap;height:60px;margin-top:30px;padding:5px;position:relative;z-index:10}.homePage .balance-container.shrink{z-index:0}.homePage .balance-container .saldo{align-items:center;border-right:.5px solid #999;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;width:50%}.homePage .balance-container .saldo .icon{height:20px;margin:15px;width:20px}.homePage .balance-container .saldo .grup{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.homePage .balance-container .saldo .grup .title{color:#666;flex:none;flex-grow:0;font-family:Raleway;font-size:12px;font-style:normal;font-weight:400;line-height:14px;order:0;text-align:center}.homePage .balance-container .saldo .grup .isi{color:#27ae60;flex:none;flex-grow:0;font-family:Open Sans;font-size:12px;font-style:normal;font-weight:700;line-height:16px;order:1}.homePage .balance-container .point{align-items:center;border-left:.5px solid #999;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;width:50%}.homePage .balance-container .point .icon{height:20px;margin:15px;width:20px}.homePage .balance-container .point .grup{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.homePage .balance-container .point .grup .title{color:#666;flex:none;flex-grow:0;font-family:Raleway;font-size:12px;font-style:normal;font-weight:400;line-height:14px;order:0;text-align:center}.homePage .balance-container .point .grup .isi{color:#27ae60;flex:none;flex-grow:0;font-family:Open Sans;font-size:12px;font-style:normal;font-weight:700;line-height:16px;order:1}.homePage .promo-container{margin:20px 0}.homePage .promo-container .menu-title{display:flex;flex-direction:row;margin-bottom:20px;width:100%}.homePage .promo-container .menu-title .title{align-items:center;color:#666;display:flex;flex-direction:row;font-family:Raleway;font-size:18px;font-style:normal;font-weight:600;justify-content:flex-start;line-height:21px;text-align:center;width:100%}.homePage .promo-container .menu-title .title .icon{display:flex;flex-direction:row;height:20px;justify-content:flex-start;margin-right:10px;width:20px}.homePage .promo-container .menu-title .lainnya{align-items:center;color:#27ae60;display:flex;flex-direction:row;font-size:14px;font-weight:500;justify-content:flex-end;width:100%}.homePage .promo-container .promo .promo-item{display:flex;width:100%}.homePage .promo-container .promo .promo-item img{height:100%;object-fit:cover;width:100%}.homePage .promo-container .promo .slideshow{display:flex;flex-direction:column;height:auto;overflow:hidden}.homePage .promo-container .promo .slideshowSlider{transition:1s ease;white-space:nowrap}.homePage .promo-container .promo .slide{align-items:center;cursor:pointer;display:inline-flex;height:auto;justify-content:center;position:relative;text-align:center;width:100%}.homePage .promo-container .promo .slide img{height:100%;object-fit:cover;width:100%}.homePage .promo-container .promo .slide .left{left:2%}.homePage .promo-container .promo .slide .left,.homePage .promo-container .promo .slide .right{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:40px;justify-content:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40px}.homePage .promo-container .promo .slide .right{right:2%}.homePage .promo-container .promo .slideshowDots{align-items:center;display:flex;flex-direction:row;height:10px;justify-content:center;margin:20px 0}.homePage .promo-container .promo .slideshowDot{background-color:#999;border-radius:50%;cursor:pointer;display:inline-block;height:7px;margin:0 5px;width:7px}.homePage .promo-container .promo .slideshowDot.active{background-color:#27ae60;border-radius:10px;width:17px}.settingsPage{margin:20px 15px}.settingsPage,.settingsPage .profile-section{align-items:center;display:flex;flex-direction:column;justify-content:center}.settingsPage .profile-section{margin-bottom:20px;width:165px}.settingsPage .profile-section .profile{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:10px;text-align:center}.settingsPage .profile-section .profile .image{margin-bottom:5px}.settingsPage .profile-section .profile .image img{height:90px;width:90px}.settingsPage .profile-section .profile .name{color:#666;font-size:18px;font-weight:600;line-height:27px;margin-bottom:5px}.settingsPage .profile-section .profile .status{align-items:center;color:#999;display:flex;flex-direction:row;width:100%}.settingsPage .profile-section .profile .status .phone{align-items:center;display:flex;font-size:11px;font-weight:500;justify-content:flex-start;width:100%}.settingsPage .profile-section .profile .status .keanggotaan{align-items:center;display:flex;font-size:11px;font-weight:500;justify-content:flex-end;width:100%}.settingsPage .profile-section .profile .status .keanggotaan .verified{margin-left:3px}.settingsPage .profile-section .profile-button{align-items:center;background:#27ae60;border:none;border-radius:20px;box-shadow:0 4px 10px 2px hsla(0,0%,77%,.25);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;width:160px}.settingsPage .profile-section .profile-button .arrow{margin-left:5px}.settingsPage .box-section{display:flex;flex-direction:column;margin:20px 0;width:100%}.settingsPage .box-section .head{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.settingsPage .box-section .head .icon{height:20px;margin-right:10px;width:16px}.settingsPage .box-section .head .title{color:#666}.settingsPage .box-section .child{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 10px 2px hsla(0,0%,77%,.25);display:flex;flex-direction:row;height:60px;margin:10px 0;padding:0 20px}.settingsPage .box-section .child .left{align-items:center;display:flex;flex-direction:row;height:60px;justify-content:flex-start;width:100%}.settingsPage .box-section .child .left .icon{height:15px;margin-right:10px;width:15px}.settingsPage .box-section .child .left .text{color:#666;font-size:11px;font-weight:600}.settingsPage .box-section .child .right{align-items:center;display:flex;flex-direction:row;height:60px;justify-content:flex-end;width:100%}.settingsPage .box-section .child .right .text{align-items:center;color:#27ae60;cursor:pointer;display:flex;font-size:11px;font-weight:500}.settingsPage .box-section .child .right .text .arrow{margin-left:10px}.settingsPage .versi-aplikasi{color:#aaa;font-size:11px;font-weight:500;margin-bottom:40px;width:100%}.settingsPage .keluar{background:#e83e8c;border:none;border-radius:10px;box-shadow:0 4px 10px 2px hsla(0,0%,77%,.25);color:#fff;cursor:pointer;height:50px;margin-bottom:20px;width:100%}.profilePage,.settingsPage .keluar{align-items:center;display:flex;justify-content:center}.profilePage{flex-direction:column;margin:20px 15px}.profilePage .profile{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:40px;text-align:center}.profilePage .profile .image,.profilePage .profile .image img{height:90px;width:90px}.profilePage .profile .image .ubah-foto{align-items:center;background:#666;border-radius:0 0 90px 90px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:45px;justify-content:center;opacity:.7;-webkit-transform:translateY(-108%);transform:translateY(-108%);width:90px}.profilePage .form-section{display:flex;flex-direction:column;width:100%}.profilePage .form-section .dropify-wrapper{border:2px dashed #e5e5e5;border-radius:10px}.profilePage .form-section .btn-submit{margin-top:20px}.menu-container{margin:20px 0 60px}.menu-container .menus-title{display:flex;flex-wrap:wrap;margin-bottom:20px}.menu-container .menus-title .icon{display:flex;flex-direction:row;height:20px;justify-content:flex-start;margin-right:10px;width:20px}.menu-container .menus-title .title{color:#666;display:flex;flex-direction:row;font-family:Raleway;font-size:18px;font-style:normal;font-weight:600;justify-content:flex-start;line-height:21px;text-align:center}.menu-container .menu{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap}.menu-container .menu.ubah-overflow{-ms-overflow-style:none;flex-wrap:nowrap;height:auto;overflow-x:scroll;scrollbar-width:none}.menu-container .menu.ubah-overflow::-webkit-scrollbar{display:none}.menu-container .menu .menu-list{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:10px}.menu-container .menu .menu-list .menu-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:110px;padding:0;position:relative;width:70px}.menu-container .menu .menu-list .menu-item.ubah{cursor:default}.menu-container .menu .menu-list .menu-item .menu-image{align-items:center;background:#fff;border-radius:30px;box-shadow:0 4px 10px 2px hsla(0,0%,77%,.25);display:flex;height:70px;justify-content:center;width:70px}.menu-container .menu .menu-list .menu-item .menu-image .icon{height:22px;width:22px}.menu-container .menu .menu-list .menu-item .menu-image .ubah{cursor:pointer;height:22px;position:absolute;right:0;top:0;width:22px}.menu-container .menu .menu-list .menu-item .menu-title{color:#666;font-family:Open Sans;font-size:11px;font-style:normal;font-weight:400;height:30px;line-height:15px;margin-top:10px;text-align:center;width:100%}.saldo-point-container{margin:20px 0 60px}.saldo-point-container .box-section{display:flex;flex-direction:column;margin:20px 0;width:100%}.saldo-point-container .box-section .head{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.saldo-point-container .box-section .head .icon{height:20px;margin-right:10px;width:16px}.saldo-point-container .box-section .head .title{color:#666}.saldo-point-container .box-section .child{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 10px 2px hsla(0,0%,77%,.25);display:flex;flex-direction:row;height:60px;margin:10px 0;padding:0 20px}.saldo-point-container .box-section .child .left{align-items:center;display:flex;flex-direction:row;height:60px;justify-content:flex-start;width:100%}.saldo-point-container .box-section .child .left .icon{height:15px;margin-right:10px;width:15px}.saldo-point-container .box-section .child .left .text{color:#666;font-size:11px;font-weight:600}.saldo-point-container .box-section .child .right{align-items:center;display:flex;flex-direction:row;height:60px;justify-content:flex-end;width:100%}.saldo-point-container .box-section .child .right .text{align-items:center;color:#27ae60;cursor:pointer;display:flex;font-size:11px;font-weight:500}.saldo-point-container .box-section .child .right .text .arrow{margin-left:10px}.saldo-point-container .btn-section{display:flex;flex-direction:row;margin:20px 0;width:100%}.saldo-point-container .btn-section .left{margin-right:5px}.saldo-point-container .btn-section .left,.saldo-point-container .btn-section .right{align-items:center;display:flex;flex-direction:row;height:50px;justify-content:center;width:100%}.saldo-point-container .btn-section .right{margin-left:5px}
/*# sourceMappingURL=main.6d89d837.css.map*/