@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;500&display=swap);body{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}*{box-sizing:border-box}.electricity-option{margin-top:50px}.electricity-option .rowku{display:flex;flex-direction:row}.electricity-option .rowku .opsi{margin-right:10px}.electricity-option .rowku .opsi input{margin-right:5px}.harga-token{background:#fff;border-radius:6px;margin-right:15px;margin-bottom:15px;padding-top:15px}.harga-token:hover{cursor:pointer;background:#122e3d;color:#fff}.harga-token-selected{background-color:#122e3d;color:#fff}.harga-token p{font-style:normal;font-weight:700;font-size:16px;width:120px;line-height:25px;text-align:center}.confirm-btn{border:none}.confirm-buttn{background:#4493ac;border-radius:6px;border:none}.confirm-buttn,.disable-buttn{box-shadow:0 4px 10px rgba(33,68,87,.2);color:#fff;padding:20px;font-weight:700;font-size:17px;width:15vw;text-align:center}.disable-buttn{background:#999;border-radius:6px}.confirm-buttn:hover{cursor:pointer;background:#122e3d}@media only screen and (max-width:767px){.wrapper{margin-bottom:0}.frame{padding:20px 5px;margin:10px 0}.input-token form{display:flex;width:100%}.input-token form input[type=number]{width:100%}.token-harga{padding:10px;justify-content:flex-start}.harga p{font-size:12px;width:80px}.confirm-btn,.disable-btn{margin-top:10px}.confirm-btn,.confirm-buttn,.disable-btn,.disable-buttn{width:100%;padding:10px;font-size:15px}.btn-wrapper{margin:50px 0;justify-content:center}}.out{display:none}.payment-btnn:hover{background:#122e3d;cursor:pointer}.pin-btn{background:#4493ac;box-shadow:0 4px 10px rgba(33,68,87,.2);border-radius:6px;color:#fff;font-weight:700;text-align:center;padding:10px;margin-top:10px;margin-bottom:30px}.pin-btn:hover{background:#122e3d;cursor:pointer}.pin-wrapper{display:flex;flex-direction:column}.column{border-top:1px dashed #00f;padding-top:15px}.current-payment{border-radius:16px}.current-payment,.payment-options{background:#fff;box-shadow:0 2px 10px rgba(54,79,145,.3);padding:20px;margin-bottom:20px}.payment-options{border:2px solid #9cccbe;box-sizing:border-box;border-radius:16px}.btn-save{background:#4493ac;box-shadow:0 4px 10px rgba(33,68,87,.2);border-radius:6px;text-align:center;padding:15px 20px;color:#fff}.payment-options .cardd{border:1px solid #bdbdbd;box-sizing:border-box;border-radius:2px;margin-bottom:10px;padding:10px 80px 10px 5px}.btn-newcard{background:#fff;border:1px dashed #bdbdbd;box-sizing:border-box;border-radius:2px;padding:10px;text-align:center}.btn-newcard:hover{border:1px dashed #00f;cursor:pointer}.btn-save:hover{background:#122e3d;cursor:pointer}.payment-options .title{margin-bottom:10px}.paymentmethodmodal .title{display:flex;justify-content:space-between;margin-bottom:10px;align-items:center}.paymentmodal{display:flex;flex-direction:column;width:20vw;margin:15px}.paymentmodal .title{display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px dashed #477ab4;padding:0 0 10px;margin-bottom:20px;align-items:center}.paymentmodal .title span:hover{cursor:pointer;color:#e99797}.formpayment-group{display:flex;flex-direction:column;margin-bottom:10px}.formpayment-group label{margin-bottom:5px}.formpayment-group input{border:1px solid #bdbdbd;box-sizing:border-box;border-radius:6px;padding:10px;font-style:normal;font-weight:400;font-size:17px;line-height:17px;color:#828282}.formpayment-group input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.formpayment-group input[type=number]{-moz-appearance:textfield}.formpayment-group button{background:#4493ac;box-shadow:0 4px 10px rgba(33,68,87,.2);border-radius:6px;border:none;padding:15px;margin-top:5px;font-style:normal;font-weight:700;font-size:16px;line-height:25px;text-align:center;color:#fff}.formpayment-group button:hover{background-color:#122e3d;cursor:pointer}@media only screen and (max-width:768px){.paymentmodal{display:flex;flex-direction:column;width:90vw}}@media only screen and (min-width:768px) and (max-width:1024px){.paymentmodal{display:flex;flex-direction:column;width:60vw}}.billcard{background:#fff;box-shadow:0 2px 10px rgba(54,79,145,.3);border-radius:16px;padding:20px;display:flex;flex-direction:column;color:#000}.billcard .right{text-align:right;color:#364f91;font-weight:700}.billcard .row1{justify-content:space-between;margin-bottom:10px}.billcard .row1,.billcard .row2{display:flex;flex-direction:row;align-items:center}.billcard .row2{justify-content:flex-start}.billcard .row2 span img{width:50px;height:50px}.billcard .total{padding:10px 20px}.billcard .total span{font-weight:700}:root,header{scroll-behavior:smooth}header{width:100%;font-family:"Montserrat",sans-serif}.navbar{height:80px;width:100%;display:flex;justify-content:space-between;align-items:center}#nav .nav-link{font-size:16px;font-weight:700;color:#000}.nav-link:hover{content:"";border-bottom:3px solid #263765;display:block;width:100%}#hero{width:100%;height:130vh;background:url(/static/media/bg.886df3fe.jpg) top no-repeat;background-size:cover;margin-top:-200px}#hero h1{font-weight:700}#hero p{font-weight:500}#jumbotron{padding-top:300px;color:#263765}#content .card{background-color:linear-gradient(258.21deg,#c4ffed 2.88%,#ffc8d5 93.92%);border-radius:24px}#content p{font-weight:700;color:#263765}#cobain{background:linear-gradient(258.21deg,#c4ffed 2.88%,#ffc8d5 93.92%);box-shadow:0 2px 10px rgba(235,237,244,.7);border-radius:24px;height:212px;width:219px}#cobain h5{font-weight:500;color:#000}#cobain a{text-decoration:none}#hero2{width:100%;height:130vh;background:url(/static/media/bg2.abace6a1.jpg) top no-repeat;background-size:cover;color:#263765;margin-top:-50px;display:flex}#hero2 h1,#hero2 p{font-weight:700}#her2{margin-top:330px}#nav #button a{color:#fff;text-decoration:none}#nav button{background:#4493ac}#icon,#nav button{margin-right:1rem}.header{display:flex;justify-content:space-between}.menu-right{display:flex;justify-content:flex-end;align-items:center}.notif{background:#fff;border:1px solid #c3cade;box-sizing:border-box;box-shadow:0 2px 10px rgba(54,79,145,.3);border-radius:8px;position:absolute;right:40px;top:80px;color:#000;width:20vw;max-height:60vh;overflow-y:scroll;padding:10px}.notif::-webkit-scrollbar{width:10px}.notif::-webkit-scrollbar-track{background:rgba(214,211,211,0);border-top-right-radius:10px;border-bottom-right-radius:8px}.notif::-webkit-scrollbar-thumb{background:rgba(238,234,234,.1);border-radius:8px}.notif::-webkit-scrollbar-thumb:hover{background:#c2c1c1}.notif::-webkit-scrollbar-track:hover{background:hsla(0,7%,91.6%,.9)}.notif-list{display:flex;padding:10px;border-bottom:1px solid #c3cade;align-items:center}.notif-list:hover{background:#ebedf4;cursor:pointer}.notif-list img{width:25px;height:25px;margin-right:10px}.notif-title{font-size:12px;font-weight:700}.notif-detail{font-size:11px;color:grey}.see-more{color:grey;font-size:12px;font-weight:700;text-align:center;margin-top:20px;margin-bottom:10px}.bell,.see-more:hover{cursor:pointer}.bell{margin-right:1rem}.bell-aktif,.bell:hover,.person-aktif,.person:hover{cursor:pointer;background-color:#cecece;border-radius:50px}.bell-aktif,.person-aktif{margin-right:1rem}.profile-list{padding:5px;border-radius:5px}.profile-list:hover{background-color:#eceeef;cursor:pointer}@media only screen and (max-width:767px){.menu-right{width:100vw;justify-content:center}.notif{width:100%;right:0;top:170px}}@media only screen and (min-width:768px) and (max-width:1023px){.notif{width:50vw;right:0}}.load{height:300px;width:476px}@media only screen and (max-width:767px){.load{height:200px;width:376px}}.new-bill h5{font-style:normal;font-weight:400;font-size:17px;color:#828282}.new-bill h3{font-style:normal;font-weight:700;font-size:20px;color:#000}.bills-category{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin-top:20px}.bill-card{background:#fff;border:1px solid #c3cade;box-sizing:border-box;border-radius:6px;width:13vw;padding:20px;align-items:center}.selected{background:#f3fffb;box-shadow:0 2px 10px rgba(54,79,145,.3)}.bill-card .content{align-items:center}.bill-card .content h4{font-size:17px}@media only screen and (max-width:767px){.new-bill h3{font-size:17px}.bills-category{margin-top:10px;display:flex;flex-wrap:wrap;justify-content:space-evenly}.bill-card{width:40vw;padding:5px;margin-bottom:10px}.bill-card,.bill-card .content{align-items:center}.bill-card .content img{width:30px;height:40px}.bill-card .content h4{font-size:13px}}@media only screen and (min-width:768px) and (max-width:1024px){.bills-category{margin-top:10px;display:flex;flex-wrap:wrap;justify-content:space-evenly}.bill-card{width:25vw;padding:5px;margin-bottom:10px}.bill-card,.bill-card .content{align-items:center}.bill-card .content img{width:30px;height:40px}.bill-card .content h4{font-size:13px}}.bpjs_form{text-align:center;margin:auto;width:35vw;padding-top:40px;padding-bottom:40px}.bpjs_form>textarea{width:35vw;border-radius:4px;border:1px solid #bdbdbd}.bpjs_form>h3{text-align:left;margin-bottom:3px;color:#263765;font-size:15px}.bpjs_form>p{font-size:13px}@media only screen and (max-width:768px){.confirm>button{width:20vw;height:6vw;margin-right:30px;margin-top:4vw}.bpjs_form>textarea{width:55vw}.box_container{width:80vw;justify-content:center;margin:100px auto auto;padding-right:20vw}}@media only screen and (max-width:768px){.confirm>button{width:25vw;height:10vw}.bpjs_form>p{width:50vw}}.pdam_container1{display:flex;flex-direction:row;background:#fff;border-radius:5px;box-shadow:0 2px 10px rgba(54,79,145,.3);width:80vw;margin:5vw auto auto;padding-top:2vw;padding-bottom:10vw}.pdam_search{text-align:left;width:35vw;margin-left:5vw}.pdam_search>p{color:#263765;font-size:16px;font-weight:700}.kolom_search>input{width:30vw;border:1px solid #bdbdbd;border-radius:4px;padding-top:10px;padding-bottom:10px;padding-left:10px}.search-icon{right:6%}.search-boxes{background:#fff;border-radius:5px;box-shadow:0 2px 10px rgba(54,79,145,.3);margin-top:10px;padding:20px;width:30vw;height:40vh;overflow-y:scroll}.search-boxes::-webkit-scrollbar{width:10px}.search-boxes::-webkit-scrollbar-track{background:rgba(214,211,211,0);border-top-right-radius:10px;border-bottom-right-radius:8px}.search-boxes::-webkit-scrollbar-thumb{background:rgba(238,234,234,.1);border-radius:8px}.search-boxes::-webkit-scrollbar-thumb:hover{background:#c2c1c1}.search-boxes::-webkit-scrollbar-track:hover{background:hsla(0,7%,91.6%,.9)}.boxes{padding-bottom:15px}.test_class{width:30vw}.pdam_customer{width:35vw;margin-left:5vw}.pdam_customer>p{color:#263765;font-size:16px;font-weight:700}.pdam_customer>textarea{width:30vw;border:1px solid #bdbdbd;border-radius:4px;color:#828282;font-size:14px;padding-top:10px;padding-bottom:-10px;padding-left:5px}.button_pdam>button{margin-right:160px;margin-top:50px;width:15vw;height:3.5vw;border:none;background-color:#4493ac;color:#fff;border-radius:6px;padding:0}.button_pdam{text-align:right;margin:auto}@media only screen and (max-width:615px){.pdam_container1{display:flex;flex-direction:column;padding-top:5vw;margin-top:10vw}.kolom_search>input{width:50vw;margin-bottom:20px}.pdam_customer,.pdam_search{width:65vw}.pdam_customer>textarea{width:50vw}.button_pdam>button{width:22vw;height:7vw;margin-left:10vw}.button_pdam{text-align:left;margin:auto}}@media only screen and (max-width:615px){.search-boxes{width:50vw;margin-bottom:20px}}.mobile-option{margin-top:50px}.mobile-option .rowku{display:flex;flex-direction:row}.mobile-option .rowku .opsi{margin-right:10px}.mobile-option .rowku .opsi input{margin-right:5px}.pulsa-harga{display:flex;flex-wrap:wrap;padding:50px;background:#c3cade;border-radius:8px;margin-top:50px}.harga{background:#fff;border-radius:6px;padding-top:15px;margin-right:15px;margin-bottom:15px}.harga:hover{cursor:pointer;background:#122e3d;color:#fff}.harga p{font-style:normal;font-weight:700;font-size:16px;width:120px;line-height:25px;text-align:center}.input-token form{display:flex;flex-direction:column;width:30vw}.input-token{display:flex;justify-content:center}.wrapper{margin-top:50px}.frame{border:1px solid #c3cade;box-shadow:0 2px 10px rgba(54,79,145,.3);border-radius:8px;padding:50px}.frame,.frame input{background:#fff;box-sizing:border-box}.frame input{border:1px solid #bdbdbd;border-radius:4px;font-style:normal;font-weight:400;font-size:17px;line-height:20px;padding:10px}.token-harga{display:flex;flex-wrap:wrap;padding:50px;background:#c3cade;border-radius:8px;margin-top:50px}.harga-internet{background:#fff;border-radius:6px;padding-top:15px;margin-right:15px;margin-bottom:15px;text-align:center;padding-left:10px;padding-right:10px;width:30%}.harga-internet:hover{cursor:pointer;background:#7284b1;color:#fff}.harga-internet h5{font-weight:700;color:#000;text-align:left}.harga-internet p{font-style:normal;font-weight:400;font-size:16px;line-height:25px;color:grey;width:100%;text-align:left}.harga-internet h6{text-align:right;font-weight:700;color:#000}.confirm-btn{background:#4493ac}.confirm-btn,.disable-btn{box-shadow:0 4px 10px rgba(33,68,87,.2);border-radius:6px;color:#fff;padding:20px;font-weight:700;font-size:17px;width:15vw;text-align:center}.disable-btn{background:#999}.confirm-btn:hover{background:#122e3d}.btn-wrapper{display:flex;justify-content:flex-end;margin-top:50px}@media only screen and (max-width:767px){.frame{padding:20px 5px}.input-token form{display:flex;width:100%}.token-harga{padding:10px;justify-content:flex-start}.harga p{font-size:12px;width:80px}.confirm-btn,.disable-btn{margin-top:10px;width:50vw;padding:5px;font-size:15px}.btn-wrapper{margin-top:20px;justify-content:center}}@media only screen and (min-width:768px) and (max-width:1024px){.input-token form{display:flex;width:70%}.harga p{width:100px}}.box_container{background:#fff;border-radius:5px;box-shadow:0 2px 10px rgba(54,79,145,.3);width:80vw;justify-content:center;margin:100px auto auto}.landline_form{text-align:center;margin:auto;width:35vw;padding-top:40px;padding-bottom:40px}.landline_form>textarea{width:35vw;border-radius:4px;border:1px solid #bdbdbd}.landline_form>h3{text-align:left;margin-bottom:3px;color:#263765;font-size:15px}.landline_form>p{font-size:13px}.confirm{text-align:right;margin:auto}.confirm>button{margin-right:150px;margin-top:200px;width:15vw;height:3.2vw;border:none;background-color:#4493ac;color:#fff;border-radius:6px}@media only screen and (max-width:768px){.confirm>button{width:20vw;height:6vw;margin-right:30px;margin-top:4vw}.landline_form>textarea{width:55vw}.box_container{width:80vw;justify-content:center;margin:100px auto auto;padding-right:20vw}}@media only screen and (max-width:768px){.confirm>button{width:25vw;height:10vw}.landline_form>p{width:50vw}}.container_login{display:flex;width:100%}.rectangle{position:absolute;background:linear-gradient(229.18deg,#364f90 1.54%,#9cccbe 82.95%,#fac9d6 98.72%);opacity:.8;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1300px;height:900px;border-radius:180px;margin-left:-800px;margin-top:-350px}.slogan{display:flex;position:absolute}.slogan>img{margin-left:40px;margin-top:200px}.slogan1_login>h2{margin-top:260px;margin-left:-170px;font-size:40px;color:#fff}.slogan2_login>p{margin-top:315px;margin-left:-415px;color:#fff;font-size:20px}.form_login{margin-left:800px;margin-top:120px}.form_login>h3{color:#364f90;font-size:32px;padding-left:5px}.form_login>p{color:#999;font-size:14px;margin-top:-5px;padding-left:5px}.email_login>h6{margin-top:40px;font-size:14px;margin-bottom:3px;color:#373737}.email_login Input{width:363px;height:30px;border-radius:5px;border-style:solid;border-color:#999;padding-left:10px;margin-bottom:15px}.password_login{position:relative;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:3px}.password_login>h6{font-size:14px;margin-bottom:3px;color:#373737}.password_login Input{width:363px;height:30px;border-radius:5px;border-style:solid;border-color:#999;padding-left:10px;margin-top:25px;margin-left:-60px}.password_login>i{position:absolute;right:4%;margin-top:28px}.password_login>i:hover{color:#4493ac;cursor:pointer}.form_login>button{margin-top:30px;box-shadow:0 4px 10px 0 rgba(33,68,87,.2);border:none;width:363px;height:30px;background-color:#4493ac;border-radius:5px;color:#fff}.val_form>span{color:red}@media only screen and (max-width:768px){.rectangle{width:1450px;height:500px}.slogan>img{margin-left:30px;margin-top:80px}.slogan1_login>h2{margin-top:150px;margin-left:-185px;font-size:40px;color:#fff}.slogan2_login{margin-top:160px;margin-left:-430px;color:#fff;font-size:20px}.form_login{margin-left:50px;margin-top:500px;width:100%}.email_login Input,.form_login button,.password_login Input{width:100vw;height:10vw}}@media only screen and (max-width:419px){.slogan1_login>h2{font-size:30px}.slogan2_login{margin-top:120px;margin-left:-245px;color:#fff;font-size:16px}}.container_signup{display:flex;width:100%}.rectangle_signup{position:absolute;background:linear-gradient(229.18deg,#364f90 1.54%,#9cccbe 82.95%,#fac9d6 98.72%);opacity:.8;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1300px;height:900px;border-radius:180px;margin-left:-800px;margin-top:-350px}.slogan_signup{display:flex;position:absolute}.slogan_signup>img{margin-left:40px;margin-top:200px}.slogan1>h2{margin-top:260px;margin-left:-170px;font-size:40px;color:#fff}.slogan2>p{margin-top:315px;margin-left:-415px;color:#fff;font-size:20px}.form{margin-left:800px;margin-top:100px;width:350px}.form>h3{color:#364f90;font-size:32px;padding-left:5px}.form>h5{color:#999;font-size:14px;margin-top:-5px;padding-left:5px}.flex-box2{display:flex;margin-bottom:20px;margin-top:50px}.lastname{margin-left:32px}.lastname>h6{font-size:14px;margin-bottom:3px;color:#373737}.lastname Input{width:165px;height:30px;border-radius:5px;border-style:solid;border-color:#999;padding-left:10px}.firstname>h6{font-size:14px;margin-bottom:3px;color:#373737}.firstname Input{width:165px;height:30px;border-radius:5px;border-style:solid;border-color:#999;padding-left:10px}.email>h6{font-size:14px;margin-bottom:3px;color:#373737}.email Input{width:365px;height:30px;border-radius:5px;border-style:solid;border-color:#999;padding-left:10px}.email Input,.pin{margin-bottom:20px}.pin{position:relative;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pin>h6{font-size:14px;margin-bottom:3px;color:#373737}.pin Input{width:365px;height:30px;border-radius:5px;border-style:solid;border-color:#999;padding-left:10px;margin-top:20px;margin-left:-22px}.pin>i{position:absolute;right:4%;margin-top:25px}.pin>i:hover{color:#4493ac;cursor:pointer}.password{position:relative;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:20px}.password>h6{font-size:14px;margin-bottom:3px;color:#373737}.password Input{width:365px;height:30px;border-radius:5px;border-style:solid;border-color:#999;padding-left:10px;margin-top:20px;margin-left:-62px}.form>button{margin-top:30px;box-shadow:0 4px 10px 0 rgba(33,68,87,.2);border:none;width:365px;height:30px;background-color:#4493ac;border-radius:5px;color:#fff;margin-left:-2px}.password>i{position:absolute;right:4%;margin-top:25px}.password>i:hover{color:#4493ac;cursor:pointer}@media only screen and (max-width:805px){.rectangle_signup{width:1850px;height:550px;margin-left:-1000px;margin-top:-500px}.slogan_signup>img{margin-left:20px;margin-top:130px}.slogan1>h2{margin-top:200px;margin-left:-150px;font-size:40px;color:#fff}.slogan2{margin-top:170px;margin-left:-340px;color:#fff;font-size:20px}.form{margin-left:50px;margin-top:520px;width:350px}}.top_column{display:flex;flex-direction:row;justify-content:space-evenly;padding:40px;margin-top:50px}.column1_sub{background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(54,79,145,.3);width:35vw}.column1_sub h4{text-align:right;font-style:normal;font-weight:700;font-size:15px;line-height:17px;color:#364f91;padding-right:40px;margin-top:20px}.last-pay{padding:8px 0 8px 20px;font-style:normal;font-weight:400;font-size:14px;color:#fff}.last-pay span{font-weight:700}.merah{background-color:#eb5757;border-top-left-radius:16px;border-top-right-radius:16px}.lasted-pay{padding:8px 0 8px 20px;font-style:normal;font-weight:400;font-size:14px;color:#fff}.lasted-pay span{font-weight:700}.biru{background-color:#4493ac;border-top-left-radius:16px;border-top-right-radius:16px}.content_column1{display:flex;flex-direction:column;padding-top:10px;padding-bottom:10px}.pertama{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px;margin-left:40px;margin-right:40px}.baris_satu{margin-left:-85px;font-weight:700;font-size:22px;color:#333}.late-pay{font-style:normal;line-height:20px;color:#eb5757}.baris_satu>p,.late-pay{font-weight:400;font-size:14px}.baris_satu>p{margin-top:-5px;color:#828282}.pertama img{margin-right:-85px}.price{padding-right:5px}.price,.sub_price{font-weight:700;color:#000}.sub_price{margin-top:5px}.total_price{margin:15px 40px}.sum_price,.total_price{display:flex;flex-direction:row;justify-content:space-between;background:#ebedf4;border-radius:4px;height:35px;padding:5px 10px 40px}.sum_price{margin:37px 40px 15px}.sum_price p,.total_price p{margin-top:5px}.button_pay{background:#4493ac;box-shadow:0 4px 10px rgba(33,68,87,.2);border-radius:6px;text-align:center;padding:15px;font-style:normal;font-weight:700;font-size:16px;color:#fff}.button_pay,.frame_subs{margin-bottom:20px;margin-right:40px;margin-left:40px}.frame_subs img{width:100%}.add-new{width:10vw;padding-top:10px;padding-bottom:10px;border:none;background:#4493ac;color:#fff;margin-left:12vw;margin-bottom:5vw;border-radius:4px}@media only screen and (max-width:1400px){.pertama img{width:5vw;height:5vw}.column1_sub{width:55vw;margin:10px}.baris_satu{margin-left:5px}}@media only screen and (max-width:868px){.top_column{flex-direction:column}.column1_sub{background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(54,79,145,.3);width:75vw;margin:40px auto auto}.baris_satu{margin-left:-80px;font-weight:700;font-size:22px;color:#333;margin-top:10px}.price_fee{font-weight:700;color:#000;position:relative}.pertama img{margin-right:-85px}.add-new{width:40vw}}@media only screen and (max-width:598px){.column1_sub{width:85vw}}@media only screen and (max-width:511px){.column1_sub{width:90vw;margin-left:-15px}.baris_satu{margin-left:20px}.pertama img{width:10vw;height:10vw}.add-new{width:30vw}}.dashboard-wrapper{overflow-x:hidden}.active-label{margin-left:180px;margin-top:100px}.dashboard-background{height:100vh;width:100vw;background:linear-gradient(19.24deg,#c4ffed 11.12%,#ffc8d5 24.45%,#fff 61.01%);opacity:.2;top:0;left:0;right:0;position:fixed;z-index:-1}.dashboard-frame{display:flex;flex-direction:column;background:linear-gradient(229.18deg,#364f90 1.54%,#9cccbe 82.95%,#fac9d6 98.72%);border:1px solid #c3cade;box-shadow:0 2px 10px rgba(54,79,145,.3);border-radius:8px;margin-top:10vh;padding:38px 45px}.user-frame{display:flex;justify-content:space-between;align-items:center}.payment-wrapper{margin-top:38px;border-top:2px dashed #c3ffed;padding:38px 0}.payment-wrapper .sprimary{display:flex;justify-content:flex-end}.payment-wrapper p{color:#fff;margin-bottom:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;justify-content:flex-end}.payment-wrapper p:hover{cursor:pointer}.payment-frame{flex-direction:row}.payment-frame,.payment-list{display:flex;justify-content:space-between}.payment-list{padding:20px;background:#fff;border-radius:16px;align-items:center}.payment-list span{color:#4493ac}.payment-method{width:40%}.paymentform{display:flex;flex-direction:column;padding:20px 50px 50px;background:#fff;box-shadow:0 2px 10px rgba(54,79,145,.3);border-radius:16px;width:40%}.paymentform h5{color:#000;text-align:left;font-style:normal;font-weight:700;font-size:18px;line-height:20px;margin-bottom:10px}.paymentform .cardd{background:#fff;border:1px solid #bdbdbd;box-sizing:border-box;border-radius:2px;padding:15px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.paymentform .cardd span{color:#4f4f4f}.paymentform .cardd span:hover{cursor:pointer}.addnewcard{background:#fff;border:1px dashed #bdbdbd;box-sizing:border-box;border-radius:2px;padding:15px;font-style:normal;text-align:center}.addnewcard:hover{cursor:pointer;background:#eceeef;border:1px dashed #364f91;box-sizing:border-box}.user-info{flex-grow:9;font-style:normal;font-weight:700;font-size:26px;line-height:28px;color:#fff}.user-menu{display:flex;justify-content:space-between;flex-grow:1}.user-menu .user-list{padding-left:20px;padding-right:20px;box-sizing:border-box;border:1px solid hsla(0,0%,100%,0);border-radius:16px;padding-top:15px}.user-menu .user-list p{font-style:normal;font-weight:400;font-size:18px;color:#fff}.user-menu .user-list-aktif,.user-menu .user-list:hover{cursor:pointer;background:rgba(255,244,247,.2);border:1px solid #ffc8d5}.sub-frame{width:100%;background:#fff;border:1px solid #c3cade;box-sizing:border-box;box-shadow:0 2px 10px rgba(54,79,145,.3);border-radius:8px;margin-top:10vh;padding:50px 60px;margin-bottom:100px}.sub-frame h5{font-style:normal;font-weight:400;font-size:18px;line-height:25px}.sub-frame p{font-style:normal;font-weight:700;font-size:14px;line-height:20px;color:#263765}.sub-frame .content{text-align:center;margin-top:5vh;margin-bottom:3vh}.sub-frame .content img{width:15%;margin-bottom:2vh}.active-subs-wrapper{display:flex;flex-direction:row;justify-content:space-evenly;padding:0 50px 50px}.active-subs-frame{background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(54,79,145,.3);width:30vw}.due-info{padding:5px 0 5px 20px;font-style:normal;font-weight:400;font-size:15px;color:#fff;border-top-left-radius:16px;border-top-right-radius:16px}.red{background-color:#eb5757}.green{background:#9cccbe}.due-info span{font-weight:700}.column1{padding:20px}.column1 .bill-status{text-align:right;font-style:normal;font-weight:700;font-size:15px;line-height:17px;color:#364f91}.column2{display:flex;flex-direction:column}.column2 .row1{justify-content:space-between;margin-bottom:10px}.column2 .row1,.column2 .row2{display:flex;flex-direction:row;align-items:center}.column2 .row2{justify-content:flex-start}.column2 .row2 span img{width:50px;height:50px}.late-text{font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#eb5757}.bold1{font-weight:700;color:#000}.total{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#ebedf4;border-radius:4px;padding:15px;margin-bottom:15px;margin-top:15px}.btn-pay{background:#4493ac;box-shadow:0 4px 10px rgba(33,68,87,.2);border-radius:6px;padding:15px;font-style:normal;font-weight:700;font-size:16px;text-align:center;color:#fff;margin-bottom:20px}@media only screen and (max-width:767px){.dashboard-frame{padding:38px 4px}.user-frame,.user-menu{display:flex;flex-direction:column;text-align:center}.user-list{margin-top:5px}.dashboard-wrapper .active-label{width:100vw;display:flex;text-align:center;margin:50px 0 10px}.active-subs-wrapper{display:flex;flex-direction:column;padding:5px}.active-subs-frame{width:100%;margin-bottom:20px}.sub-frame{text-align:center}.sub-frame .content img{width:150px;height:100px}.payment-wrapper{display:flex;flex-direction:column;padding:5px;width:100%}.payment-wrapper p{text-align:center}.payment-frame{display:flex;flex-direction:column;padding:5px;width:100%}.payment-method,.paymentform{width:100%;padding:10px}.paymentform h5{text-align:center;margin-top:5px}}@media only screen and (min-width:768px) and (max-width:1024px){.dashboard-wrapper .active-label{width:100vw;display:flex;text-align:center;margin:50px 0 10px}.active-subs-wrapper{display:flex;padding:0;justify-content:space-between}.active-subs-frame{width:44vw}}.history{display:flex;flex-direction:row;justify-content:space-evenly;padding:40px}.payment_history{display:flex;width:80%;margin-top:2vw;justify-content:space-between;margin-left:10vw;margin-right:10vw;padding-right:5vw}.subtitle1{color:#333;font-size:20px;font-weight:400}.subtitle2{font-size:14px}.subtitle2>p:hover{cursor:pointer}.subtitle2>form{background:#fff;border-radius:5px;box-shadow:0 2px 10px rgba(54,79,145,.3);width:11vw;height:13vw;padding:20px 15px 15px;justify-content:right;top:150px;position:absolute}.filter_card{padding-bottom:15px;font-size:15px;color:#333}.pertama_kotak{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border:1px solid #ebedf4;padding-top:15px;padding-left:25px}.pertama_kotak>img{margin-top:-14px}.baris_kotak{text-align:left;width:280px}.price_kotak{color:#333;font-size:14px;margin-right:25px}.baris_kotak>p{margin-top:-5px;color:#828282;font-size:14px}.baris_kotak>h6{color:#333;font-weight:700;font-size:14px;margin-top:0}.kotak_payment{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(54,79,145,.3);width:35vw;max-height:80vh;overflow-y:scroll}.kotak_payment::-webkit-scrollbar{width:10px}.kotak_payment::-webkit-scrollbar-track{background:rgba(214,211,211,0);border-top-right-radius:10px;border-bottom-right-radius:8px}.kotak_payment::-webkit-scrollbar-thumb{background:#eeeaea;border-radius:8px}.kotak_payment::-webkit-scrollbar-thumb:hover{background:#c2c1c1}.kotak_payment::-webkit-scrollbar-track:hover{background:hsla(0,7%,91.6%,0)}.history_date{background:#e0e0e0;border-top-left-radius:5px;border-top-right-radius:5px;padding:10px}.history_date>span{font-size:13px;color:#333;font-weight:700;padding-left:5px}.empty{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(54,79,145,.3);width:35vw}.image-history>img{text-align:center;display:block;justify-content:center;align-items:center;margin:30% auto auto}.image-history{margin-bottom:30%}.grayyy{color:#bdbdbd;font-size:15px;text-align:center}.title_receipt_history{font-size:16px;font-weight:700;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-left:5vw;margin-top:1vw}.coref{text-align:right;font-weight:700;margin-bottom:30px}.abuu,.coref{font-size:14px}.abuu{font-style:normal;font-weight:400;line-height:20px;color:#828282;margin-right:5vw}.borderline{width:25vw;margin-left:5vw}.history-list{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:14px}.history-list span{font-weight:700}.detail-history{margin:1.5vw 5vw 5vw}.token{font-size:14px;font-weight:700;text-align:center;background:#ebedf4;padding-top:10px;padding-bottom:10px;border-radius:4px}.pertama_kotak:hover{cursor:pointer}.akktiv,.pertama_kotak:hover{background-color:#f5f5f8}@media only screen and (max-width:1310px){.subtitle2 form{width:15vw;height:17vw}.history{margin:auto}.empty,.kotak_payment{width:40vw}.empty{height:57vw;padding-top:10px}}@media only screen and (max-width:950px){.subtitle2 form{width:18vw;height:20vw}.empty,.kotak_payment{width:45vw}.empty{height:68vw;padding-top:10px}.history{padding:10px}}@media only screen and (max-width:789px){.history{flex-direction:column;width:70%;margin:5vw auto auto}.subtitle2 form{width:24vw;height:27vw;top:220px}.empty,.kotak_payment{width:70vw}.empty{height:90vw;margin-top:20px;padding-top:10px}}@media only screen and (max-width:590px){.kotak_payment{width:95vw}.history{width:100%}.empty{width:95vw;height:108vw;margin-top:20px;padding-top:10px}.subtitle2 form{width:34vw;height:37vw}}@media only screen and (max-width:478px){.kotak_payment{width:90vw}.history{width:95%}.empty{width:90vw;height:146vw;margin-top:20px;padding-top:10px}.subtitle2 form{width:39vw;height:44vw}}.topline{display:flex}.arrow_bpjs{margin-right:65vw;margin-left:10vw}.payment_image{text-align:center}.contents_wrap{background:#fff;border-radius:5px;box-shadow:0 2px 10px rgba(54,79,145,.3);width:40vw;padding-left:5vw;padding-top:20px;padding-bottom:50px;margin:5vw auto auto;justify-content:center}.gray_normal{color:#828282;font-size:15px}.black_bold{color:#000;font-size:22px;font-weight:700}.back_home>p{text-decoration:none;color:#4f4f4f;font-weight:700}.back_home>p:hover{cursor:pointer}.content_receipt{width:30vw}.title_receipt{font-size:16px;font-weight:700;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:10px}.grayy{font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#828282;margin-right:5vw}.borderline01{width:30vw;margin-left:0;padding-left:2px;margin-top:15px;margin-bottom:30px;justify-content:center}.content-list{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:14px}.bold{padding-top:20px}.content-list span{font-weight:700}.double{display:flex;flex-direction:column;text-align:right;margin-top:-10px;font-size:14px}@media only screen and (max-width:889px){.contents_wrap{width:70vw}.content_receipt{width:60vw}}@media only screen and (max-width:465px){.contents_wrap{width:85vw}.content_receipt{width:75vw}.back_home p{width:30vw;margin-left:-20vw}}.arrow_pdam,.topline-pdam{display:flex}.arrow_pdam{margin-left:10vw;width:100%;margin-bottom:4vw}.pdam_image{text-align:center;margin-bottom:3vw}.contents_wrap_pdam{background:#fff;border-radius:5px;box-shadow:0 2px 10px rgba(54,79,145,.3);width:35vw;padding:20px 4vw 50px;margin:5vw auto;justify-content:center;position:relative}.gray_aja{color:#828282;font-size:15px}.black_tebel{color:#000;font-size:22px;font-weight:700}.backhome-pdam{width:65vw;text-align:right;padding-right:10px;margin-top:4vw}.backhome-pdam>p{text-decoration:none;color:#4f4f4f;font-weight:700}.backhome-pdam>p:hover{cursor:pointer}.receipt_pdam{width:25vw}.title_receipt_pdam{font-size:16px;font-weight:700;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:10px;width:27vw}.abu{font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#828282;margin-right:0}.garis_pdam{width:27vw;margin-bottom:2vw}.pdam-list{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:14px}.tab{margin-left:1vw}.pdam-list span{font-weight:700}@media only screen and (max-width:860px){.contents_wrap_pdam{width:65vw}.title_receipt_pdam{width:56vw}}@media only screen and (max-width:375px){.contents_wrap_pdam{width:80vw}.title_receipt_pdam{width:70vw}}.footer{font-family:"Montserrat",sans-serif}#container{background-color:#263765;color:#fff;text-decoration:none;display:flex;width:100%}.list-unstyled ul,.nav-item a{font-weight:500}.nav-item a{color:#000}.nav-item a:hover{color:#7284b1}.list-unstyled a:hover{color:#c3cade}.list-unstyled a{text-decoration:none;color:#fff}.list-unstyled li{font-weight:300}#sticky-footer{background:linear-gradient(229.18deg,#364f90 1.54%,#9cccbe 82.95%,#fac9d6 98.72%)}.recurring-container{width:40%;margin-bottom:50px}.box{background:#fff;box-shadow:0 2px 10px rgba(54,79,145,.3);border-radius:16px;padding:20px}.line-blue{background-image:linear-gradient(80deg,transparent,transparent 50%,#263765 0,#263765),linear-gradient(80deg,#c3ffed,#ffc8d5)}.line-blue,.line-white{height:2px;background-size:10px 2px,100% 2px;border:none;margin-top:10px;margin-bottom:30px;justify-content:center}.line-white{background-image:linear-gradient(80deg,transparent,transparent 50%,#fff 0,#fff),linear-gradient(80deg,#c3ffed,#ffc8d5)}.half{width:50%}.btn-newbill{border:1px dashed #4493ac;box-sizing:border-box;border-radius:2px;padding:10px 30px;font-weight:700}.btn-newbill:hover{cursor:pointer;background:#f3fffb;box-shadow:0 2px 10px rgba(54,79,145,.3)}.addnewbill .title{justify-content:space-between;align-items:center;display:flex;font-size:17px}.img-container{text-align:center;padding:50px}.right{display:flex;justify-content:flex-end}.btn-hijau{background:#4493ac;box-shadow:0 4px 10px rgba(33,68,87,.2);border-radius:6px;padding:15px;color:#fff;font-weight:700;text-align:center;width:10%;margin-top:50px}@media only screen and (max-width:767px){.half,.recurring-container{width:100%}.img-container img{width:100px;height:100px}.btn-hijau{width:100%}}.bills-category-modal{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin-top:20px}.bills-category-modal .bill-card{background:#fff;border:1px solid #c3cade;box-sizing:border-box;border-radius:6px;width:10vw;padding:10px;align-items:center;margin-right:10px}.bill-card:hover{cursor:pointer;background:#f3fffb;box-shadow:0 2px 10px rgba(54,79,145,.3)}.bill-card .content{display:flex;flex-direction:row;justify-content:space-evenly}@media only screen and (max-width:767px){.bills-category-modal{margin-top:10px;display:flex;flex-wrap:wrap;justify-content:space-evenly}.bills-category-modal .bill-card{width:40vw;padding:5px;align-items:center;margin-bottom:10px}.bill-card .content{align-items:center}.bill-card .content img{width:20px;height:30px}.bill-card .content h4{font-size:12px}}@media only screen and (min-width:768px) and (max-width:1024px){.bills-category-modal{margin-top:10px;display:flex;flex-wrap:wrap;justify-content:space-evenly}.bills-category-modal .bill-card{width:25vw;padding:5px;align-items:center;margin-bottom:10px}.bill-card .content{align-items:center}.bill-card .content img{width:30px;height:40px}.bill-card .content h4{font-size:13px}}.wrapperbilllist{display:flex;flex-direction:row}.billlist{width:50%;padding:10px}.billlist .row1{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid #ebedf4;padding:10px}.billlist .row1:hover{cursor:pointer}.active,.billlist .row1:hover{background:#f3fffb;box-shadow:0 2px 10px rgba(54,79,145,.1)}.billlist .row2{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.billlist .row2 span img{width:50px;height:50px}.column3{margin-left:10px}.billlist .total{padding:10px 20px;align-items:center;box-sizing:border-box}.billlist .total span{font-weight:700}.billpreview{background:#ebedf4;border-radius:8px;width:50%;box-sizing:border-box;height:40vh}.bill-list-preview{background:#fff;border:1px solid #c3cade;box-sizing:border-box;border-radius:8px;padding:20px;height:100%}.billpreview .image{text-align:center;margin-top:60px}@media only screen and (max-width:767px){.wrapperbilllist{flex-direction:column}.billlist,.billpreview{width:100%}}.containerku{width:90vw;margin:auto}.confirmation-frame{margin-top:50px;display:flex;align-items:flex-start}.bill-detail{background:#fff;border:1px solid #c3cade;box-sizing:border-box;box-shadow:0 2px 10px rgba(54,79,145,.3);border-radius:8px;display:flex;flex-direction:column;padding:20px 50px;width:30vw;margin-right:50px}.purple{background:#ebedf4;border-radius:6px;text-align:center;padding:15px}.gray{font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#828282}.bold{font-weight:700;margin-bottom:15px}.center{text-align:center}.title{font-size:20px}.detail{display:flex;flex-direction:column;border-top:1px dashed #000;padding-top:15px}.resume{padding:10px 30px;margin-bottom:50px}.btn-upload{border:1px dashed #cca0aa;box-sizing:border-box;box-shadow:0 4px 10px rgba(33,68,87,.2);border-radius:6px;text-align:center;padding:20px;font-weight:700}.btn-upload:hover{cursor:pointer;background:#f3fffb}.detail-list{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:10px}.detail-list span{font-weight:700}.space{margin-top:20px}.payment{background:#fff;box-shadow:0 2px 10px rgba(54,79,145,.3);border-radius:16px;padding:15px;margin-top:50px}.payment .change:hover{cursor:pointer}.rowku{display:flex;flex-direction:row;justify-content:flex-start;font-style:normal;font-weight:400;line-height:17px;color:#333;margin-bottom:10px}.payment .rowku span{font-weight:700}.payment .rowku{justify-content:space-between}.payment-btn{background:#4493ac;box-shadow:0 4px 10px rgba(33,68,87,.2);border-radius:6px;color:#fff;font-weight:700;text-align:center;padding:20px;margin-top:50px;margin-bottom:30px}.payment-btn:hover{background:#122e3d;cursor:pointer}.bill-recurring{border:1px solid #c3cade;box-sizing:border-box;box-shadow:0 2px 10px rgba(54,79,145,.3);border-radius:8px;width:30vw;padding:20px;background:#263765}.rowku .text{padding-top:11px;color:#fff}.rowku .text span{font-weight:700}.rowku .text p{font-size:15px}.space-between{display:flex;flex-direction:row;justify-content:space-between}.link{text-decoration:none;color:#000}.tengah{display:flex;justify-content:space-evenly}.border03{height:3px;background-image:linear-gradient(80deg,transparent,transparent 50%,#fff 0,#fff),linear-gradient(80deg,#c3ffed,#ffc8d5);background-size:20px 3px,100% 3px;border:none;width:25vw;margin-left:0;padding-left:2px;margin-top:15px;margin-bottom:30px;justify-content:center}.recurring-menu{border-top:1px dashed #fff;padding:20px}.information{background:#ebedf4;border-radius:5px;display:flex;color:#263765}.information img{width:70px;height:70px;border-top-left-radius:5px;margin-right:10px}.information span{font-weight:700}.formgroup{display:flex;flex-direction:column;margin-bottom:20px}.formgroup select{padding:10px;background:#fff;border-radius:6px}.formgroup label{margin-bottom:5px;color:#fff}@media only screen and (max-width:767px){.confirmation-frame{display:flex;flex-direction:column}.bill-detail,.bill-recurring{width:100%;padding:15px;margin-bottom:10px}.payment,.payment-btn{margin-top:20px}.payment-btn{margin-bottom:20px}.information p{font-size:13px}.information img{width:50px;height:50px}.resume{padding:5px}}@media only screen and (min-width:768px) and (max-width:1024px){.bill-detail,.bill-recurring{width:100%;padding:15px;margin-bottom:10px}}.update-list,.update-wrapper{display:flex;flex-direction:row}.new-profile{display:flex;flex-direction:column;margin-bottom:20px}.left-side{width:30%;height:1000px;box-shadow:0 0 10px rgba(54,79,145,.3);text-align:center;padding-top:18vw;padding-right:30px}.nama-user,.side-menu{color:#364f90}.nama-user{font-size:24px;font-weight:700;padding-top:20px}.current img{border-radius:50%}.right-side{margin:2vw;width:100%}.title-update{margin-bottom:2vw;margin-top:7vw;font-size:24px;font-weight:700}.title-update,.update-list1{margin-left:7vw;color:#364f90}.update-list1 input{margin-top:5px;width:300px;height:35px;border-style:solid;border-color:#999}.btn-tutup{text-align:right;font-size:22px;font-weight:700}.btn-tutup:hover{cursor:pointer}.btn-profile{background:#4493ac;color:#fff;width:10vw;height:40px;border-radius:4px;margin-left:7vw;margin-top:2vw;text-align:center;padding-top:5px}.batas-akhir{background:linear-gradient(229.18deg,#364f90 1.54%,#9cccbe 82.95%,#fac9d6 98.72%);height:50px;width:100%;box-shadow:0 -4px 3px rgba(54,79,145,.3)}
/*# sourceMappingURL=main.e7096b56.chunk.css.map */