@import "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css";@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700");.pos-relative{position:relative!important}.pos-absolute{position:absolute!important}.pos-static{position:static!important}.pos-fixed{position:fixed!important}.fullbody{top:0;bottom:0;left:0;right:0;min-height:100%}.top0{top:0!important}.bottom0{bottom:0!important}.left0{left:0!important}.right0{right:0!important}.margin-auto{margin:auto!important}.w25p{width:25%}.w50p{width:50%}.w75p{width:75%}.w100p{width:100%}.inline{display:inline!important}.block{display:block!important}.inline-block{display:inline-block!important}.p0{padding:0!important}.p5{padding:5px!important}.p10{padding:10px!important}.p15{padding:15px!important}.p25{padding:25px!important}.pl0{padding-left:0!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl15{padding-left:15px!important}.pl25{padding-left:25px!important}.pr0{padding-right:0!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr15{padding-right:15px!important}.pr25{padding-right:25px!important}.pt0{padding-top:0!important}.pt5{padding-top:5px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt25{padding-top:25px!important}.pb0{padding-bottom:0!important}.pb5{padding-bottom:5px!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb25{padding-bottom:25px!important}.m0auto{margin:0 auto!important}.m0{margin:0!important}.m5{margin:5px!important}.m10{margin:10px!important}.m15{margin:15px!important}.m25{margin:25px!important}.ml-auto{margin-left:auto!important}.ml0{margin-left:0!important}.ml5{margin-left:5px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml25{margin-left:25px!important}.mr-auto{margin-right:auto!important}.mr0{margin-right:0!important}.mr5{margin-right:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr25{margin-right:25px!important}.mt-18{margin-top:-18px!important}.mt0{margin-top:0!important}.mt3{margin-top:3px!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt25{margin-top:25px!important}.mb0{margin-bottom:0!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb25{margin-bottom:25px!important}.rounded5{border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;-o-border-radius:5px 5px 5px 5px}.rounded10{border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;-moz-border-radius:10px 10px 10px 10px;-ms-border-radius:10px 10px 10px 10px;-o-border-radius:10px 10px 10px 10px}.rounded50p{border-radius:50% 50% 50% 50%;-webkit-border-radius:50% 50% 50% 50%;-moz-border-radius:50% 50% 50% 50%;-ms-border-radius:50% 50% 50% 50%;-o-border-radius:50% 50% 50% 50%}.weight-light{font-weight:300!important}.weight-normal{font-weight:400!important}.weight-medium{font-weight:500!important}.weight-bold{font-weight:600!important}.font-10{font-size:10px!important}.font-11{font-size:11px!important}.font-12{font-size:12px!important}.font-13{font-size:13px!important}.font-14{font-size:14px!important}.font-15{font-size:15px!important}.font-16{font-size:16px!important}.font-18{font-size:18px!important}.font-20{font-size:20px!important}.font-25{font-size:25px!important}.font-30{font-size:30px!important}.lh-1{line-height:1!important}.lh-15{line-height:1.5!important}.lh-2{line-height:2!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.visible{display:block!important}.background-none{background:#fff!important}#app,#root{width:100%}#app,#root,.app-container,.page{height:100%}.page.hide-behind{overflow:hidden}body,html{height:100%;background:#cecece;font-size:14px;font-family:Source Sans Pro,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a,a:active,a:focus,a:hover{text-decoration:none;outline:none}header{top:0;left:0;width:100%;z-index:99;position:fixed;background:#fff;color:#000;padding:43px 0 10px;-webkit-box-shadow:0 0 6px rgba(0,0,0,.16);-moz-box-shadow:0 0 6px rgba(0,0,0,.16);box-shadow:0 0 6px rgba(0,0,0,.16)}header .logo-header{background:url(img/logo-sepulsa@2x.png) no-repeat;background-size:100%;width:140px;height:46px;display:block}header .canopus-heading-title{color:#707070;font-size:16px;font-weight:600;text-align:center;margin-top:-28px;margin-bottom:5px}.container{min-height:100vh;max-width:480px;margin:auto;background:#f0f1f2;padding:56px 0 10px}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:7px 70px;padding:0}.canopus-contents{padding-bottom:60px}.canopus-content .canopus-heading{border-bottom:1px solid #95989a;text-align:center;padding:20px}.canopus-content .canopus-heading h3{color:#de1d4d;font-size:24px;font-weight:600;margin:0}.canopus-content .canopus-heading p{color:#909090;font-size:15px;font-weight:400;margin:0}.canopus-content .canopus-body{margin:25px 0}.canopus-content .canopus-body .canopus-payment p.title-payment{color:#676b6e;font-size:16px;font-weight:400;margin:0 0 10px}.canopus-content .canopus-body .canopus-payment .accordion .card{margin-bottom:10px;border:0 solid #ccc}.canopus-content .canopus-body .canopus-payment .accordion .card:focus{outline:2px solid #1e8500}.canopus-content .canopus-body .canopus-payment .accordion .card .card-header{padding:0;border-bottom:none}.canopus-content .canopus-body .canopus-payment .accordion .card .card-header h5{padding:0}.canopus-content .canopus-body .canopus-payment .accordion .card .card-header h5.card-title{margin:0;padding:0;display:block}.canopus-content .canopus-body .canopus-payment .accordion .card .card-header h5.card-title .btn-link{text-decoration:none;display:block;background:#f4f4f4;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;width:100%;padding-left:10px;padding-right:10px}.canopus-content .canopus-body .canopus-payment .accordion .card .card-header h5.card-title .btn-link p{float:left;color:#909090;font-size:14px;margin:0;max-width:30px;display:inline-block}.canopus-content .canopus-body .canopus-payment .accordion .card .card-header h5.card-title .btn-link .p2{float:left;color:#909090;font-size:14px;margin:0;display:inline-block;width:100%;text-align:right;padding:15px 10px}.canopus-content .canopus-body .canopus-payment .accordion .card .card-header h5.card-title .btn-link img.label-payment-cimb{max-width:130px;margin-right:-5px;position:absolute;left:0;padding:10px 0 0 20px}.canopus-content .canopus-body .canopus-payment .accordion .card .card-header h5.card-title .btn-link img.label-payment-linkaja{max-width:50px;margin-right:-5px;position:absolute;left:0;padding:10px 0 0 20px}.canopus-content .canopus-body .canopus-payment .accordion .card .card-header h5.card-title .btn-link img.label-payment-qris{max-width:100px;margin-right:-5px;position:absolute;left:0;padding:10px 0 0 9px}.canopus-content .canopus-body .canopus-payment .accordion .card .card-header h5.card-title .btn-link img.label-payment-jenius{max-width:117px;margin-right:-5px;position:absolute;left:0;padding:4px 0 0 12px}.canopus-content .canopus-body .canopus-payment .accordion .card .card-header h5.card-title .btn-link img.label-payment-ovo{max-width:60px;margin-right:-5px;position:absolute;left:10px;padding:15px 0 10px 10px}.canopus-content .canopus-body .canopus-payment .accordion .card .card-header h5.card-title .btn-link img.label-payment-brick{max-width:100px;margin-right:-5px;position:absolute;left:0;padding:15px 0 0 9px}.canopus-content .canopus-body .canopus-payment .accordion .card .card-header h5.card-title .btn-link.collapsed{text-decoration:none;display:block;background:#fcfcfc;border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;width:100%}.canopus-content .canopus-body .canopus-payment .accordion .card .card-header h5.card-title .payment-label{position:fixed;top:84px;left:226px}.canopus-content .canopus-body .canopus-payment .accordion .card .card-header h5.card-title .nav-arrow{background:url(img/arrow-inactive@2x.png) no-repeat;background-size:100%;margin-top:1px;height:22px;width:22px;display:inline-block;float:right}.canopus-content .canopus-body .canopus-payment .accordion .card .card-header h5.card-title button .nav-arrow-active{background:url(img/arrow-active@2x.png) no-repeat;background-size:100%;margin-top:1px;margin-left:10px;height:22px;width:22px;display:inline-block;float:right}.canopus-content .canopus-body .canopus-payment .accordion .card .card-header h5 .btn.btn-link.collapsed:before{content:"";background:url(img/ico-inactive@2x.png) no-repeat;background-size:100%;height:23px;width:23px;margin-right:10px;display:inline-block}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body{padding:5px 4px 30px;width:100%;display:block}.canopus-content .canopus-body .card-body.linkAja{display:none}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body .form-input-op{margin-top:1rem;margin-left:-13px;margin-right:-15px}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body .card-body-title{color:#4d4d4d;font-size:14px;font-weight:600;text-indent:-10px;margin-top:10px;margin-left:1px}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body .card-body-instruction{margin-bottom:-5px;padding:10px 0}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form label{opacity:1;color:#6f6060;font-size:14px;font-weight:510;position:relative;background-color:transparent;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;margin:-5px 0 0;text-transform:capitalize}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group{position:relative}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group input{width:100%;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;outline:none;border:1px solid #ccc;color:#333;font-size:14px;background:none;padding:4px}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group input:active,.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group input:focus{border:1px solid #80c864}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group input:disabled,.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group input[disabled]{background:#f2f2f2!important;cursor:cursor}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group input[type=number]::-webkit-inner-spin-button,.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group.input-bg:before{content:"";position:absolute}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group.input-bg.input-checked:before{background:url(img/ico-checked@2x.png) no-repeat;background-size:100%;height:23px;width:23px;top:12px;left:12px}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group-data{position:relative}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group-data .form-control{box-shadow:none;font-size:14px;padding:0 10px}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group-data input{width:100%;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;outline:none;border:1px solid #ccc;border-top:0;border-right:0;border-left:0;color:#333;font-size:16px;padding:0;background:none;border-radius:3px}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group-data input:active,.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group-data input:focus{border:0;border-bottom:1px solid #80c864}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group-data input:disabled,.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group-data input[disabled]{background:#f2f2f2!important;cursor:cursor}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group-data input[type=number]::-webkit-inner-spin-button,.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group-data input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group-data select{background:none;-webkit-appearance:none;-moz-appearance:none;padding:10px;width:100%;font-size:16px;font-weight:300;border:1px solid #ccc;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group-data select:active,.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group-data select:focus{border:0;border-bottom:1px solid #80c864}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .form-group-data p.notif-reward{color:#de1d4d;font-size:11}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form p.desc{color:#95989a;font-size:15px;padding:10px}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .checkbox-custom{display:none}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .checkbox-custom-label{display:inline-block;position:relative;vertical-align:middle;margin:5px;cursor:pointer}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .checkbox-custom+.checkbox-custom-label:before{content:"";background:#fff;border-radius:3px;border:1px solid #1e8500;display:inline-block;vertical-align:middle;width:16px;height:16px;padding:2px;margin-right:10px}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form .checkbox-custom:checked+.checkbox-custom-label:after{content:"";padding:2px;position:absolute;width:1px;height:14px;border:solid #1e8500;border-width:0 3px 3px 0;transform:rotate(45deg);top:2px;left:5px}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body .add-credit-card{width:100%;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;outline:none;border:1px solid #ccc;color:#656565;font-size:14px;padding-top:10px;padding-bottom:10px;padding-left:45px;background:none;display:block;cursor:pointer}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body .add-credit-card.label-bg-cc:before{content:"";position:absolute}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body .add-credit-card.label-bg-cc.label-add:before{background:url(img/ico-add@2x.png) no-repeat;background-size:100%;height:29px;width:29px;top:8px;left:26px}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body p{margin-bottom:0}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body form{margin-top:1rem}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body .pay-now,.canopus-content .canopus-body .canopus-payment .accordion .card .card-body a.pay-now{border-radius:3px;width:100%;padding:10px;text-transform:capitalize;background:#ff4d4d;color:#fff;font-size:14px;font-weight:510;display:block;text-align:center;border:0;cursor:pointer}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body .pay-now{outline:none;line-height:normal;border-radius:3px}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body .pay-now:hover{background-color:#c51162}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body a.re-open{font-size:12px;color:#333;text-decoration:none;margin-left:20px;display:inline-block;cursor:pointer}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body a.re-open.label-bg-back:before{content:"";position:absolute}.canopus-content .canopus-body .canopus-payment .accordion .card .card-body a.re-open.label-bg-back.label-back:before{background:url(img/back-to-payment-cc@2x.png) no-repeat;background-size:100%;height:17px;width:10px;top:14px;left:15px}.canopus-content .canopus-body .transaction-details{background:#fff;padding:10px 10px 0;border-radius:3px}.canopus-content .canopus-body .transaction-details p.transaction-title{color:#4d4d4d;font-size:14px;font-weight:600;margin-bottom:10}.canopus-content .canopus-body .transaction-details .transaction-content .order-detail{margin-bottom:10px;padding-left:7px;padding-right:7px}.canopus-content .canopus-body .transaction-details .transaction-content .order-detail .item{padding-bottom:15px}.canopus-content .canopus-body .transaction-details .transaction-content .order-detail p{font-size:14px;margin:0;padding:3px}.canopus-content .canopus-body .transaction-details .transaction-content .order-detail p.order{color:#686868}.canopus-content .canopus-body .transaction-details .transaction-content .order-detail p.nominal{color:#262626;font-weight:600}.canopus-content .canopus-body .transaction-details .transaction-content .order-fee p{font-size:14px;padding:2px 10px}.canopus-content .canopus-body .transaction-details .transaction-content .order-fee p.admin-fee{color:#686868}.canopus-content .canopus-body .transaction-details .transaction-content .order-fee p.nominal-fee{color:#262626;font-weight:600}.canopus-content .canopus-body .transaction-details .total-pay{background:#fff0f0;margin:0 -10px}.canopus-content .canopus-body .transaction-details .total-pay p{margin:10px;font-weight:600}.canopus-content .canopus-body .transaction-details .total-pay p.title-pay{color:#4d4d4d;font-size:14px;vertical-align:middle}.canopus-content .canopus-body .transaction-details .total-pay p.total-nominal{color:#ff5959;font-size:14px}.canopus-content .canopus-body p{color:#707070;font-size:14px;padding:10px}.canopus-content .canopus-body .p2{color:#707070;font-size:14px;margin:0 0 0 340px}.canopus-content .canopus-body p.prev-page{color:#696969}.canopus-content .canopus-body p.prev-page a{color:#ff5959}.canopus-contents .canopus-complete{background:#fff;margin:20px 15px;border-radius:4px}.canopus-contents.success-simple .canopus-complete{padding:50px 0}.canopus-contents .canopus-complete .page-wording{background:#fff;text-align:center}.canopus-contents .canopus-complete .page-wording .op-back{position:fixed;left:50%;right:0;bottom:0;background:#fff;width:100%;text-align:center;padding:12px 0;max-width:480px;transform:translate(-50%);z-index:99}.canopus-contents .canopus-complete .page-wording .op-back .success-button2{background:#ef5350;color:#fafafa;border:unset;margin:0 auto;width:calc(100% - 30px);padding:12px 0;text-transform:capitalize;font-size:14px;font-weight:500}.canopus-contents .canopus-complete .page-wording .detail-transaction{background:#fff;padding:10px 10px 0;border-radius:3px}.canopus-contents .canopus-complete .page-wording .detail-transaction .detail-content .order-detail{margin-bottom:10px;padding-left:7px;padding-right:7px}.canopus-contents .canopus-complete .page-wording .detail-transaction .detail-content .order-detail p{font-size:14px;margin:0;padding:3px}.canopus-contents .canopus-complete .page-wording .detail-transaction .detail-content .order-detail p.order{color:#686868;text-align:left}.canopus-contents .canopus-complete .page-wording .detail-transaction .detail-content .order-detail p.nominal{color:#262626;font-weight:600}.canopus-contents .canopus-complete .page-wording .detail-transaction .detail-content .order-fee p{font-size:14px;padding:2px 10px}.canopus-contents .canopus-complete .page-wording .detail-transaction .detail-content .order-fee p.admin-fee{color:#686868;text-align:left}.canopus-contents .canopus-complete .page-wording .detail-transaction .detail-content .order-fee p.nominal-fee{color:#262626;font-weight:600}.canopus-contents .canopus-complete .page-wording .detail-transaction .detail-content .order-detail .item{padding-bottom:15px}.canopus-contents .canopus-complete .page-wording .detail-transaction .detail-content h2{color:#262626;font-size:14px;font-weight:600;padding-left:8px;margin:0 0 0 2px}.canopus-contents .canopus-complete .page-wording .detail-transaction .detail-content .detailtrans-expand{margin:0!important}.canopus-contents .canopus-complete .page-wording .detail-transaction .detail-content .detailtrans-expand .MuiExpansionPanelSummary-root{padding:0;margin-top:20px}.canopus-contents .canopus-complete .page-wording .detail-transaction .detail-content .detailtrans-expand .MuiExpansionPanelSummary-root .Mui-expanded{margin-right:-12px}.canopus-contents .canopus-complete .page-wording .detail-transaction .detail-content .detailtrans-expand .MuiExpansionPanelSummary-root .MuiIconButton-edgeEnd{margin-right:-12px;margin-top:20px;margin-bottom:10px}.canopus-contents .canopus-complete .page-wording .detail-transaction .total-pay{background:#fff0f0;padding:10px;margin:15px -10px 0}.canopus-contents .canopus-complete .page-wording .detail-transaction .total-pay p{margin:10px;font-weight:600}.canopus-contents .canopus-complete .page-wording .detail-transaction .total-pay p.title-pay{color:#262626;font-size:14px;vertical-align:middle;text-align:left}.canopus-contents .canopus-complete .page-wording .detail-transaction .total-pay p.total-nominal{color:#ff5959;font-size:14px}.canopus-contents .canopus-complete .page-wording .detail-transaction p.detail-title{color:#4d4d4d;font-size:14px;font-weight:600;margin-bottom:10}.canopus-contents .canopus-complete .page-wording .success-animation{width:200px;margin:auto;overflow:hidden;height:180px}.canopus-contents .canopus-complete .page-wording .ico-complete{background:url(img/ico-complete@2x.png) no-repeat;background-size:100%;height:59px;width:59px;display:block;margin:0 auto 20px}.canopus-contents .canopus-complete .page-wording .ico-failed{background:url(img/ico-add@2x.png) no-repeat;background-size:100%;height:59px;width:59px;display:block;margin:0 auto 20px;transform:rotate(45deg)}.canopus-contents .canopus-complete .page-wording p{color:#717171;font-size:25px;font-weight:400;margin:0}.canopus-contents .canopus-complete .page-wording p.sub-wording{font-size:14px}.canopus-contents .canopus-complete .page-wording p.sub-wording-bold{font-size:14px;font-weight:600;color:#262626}.canopus-contents .canopus-complete .page-wording p.sub-wording a{color:#f55}.canopus-content .coupon-code-top{background:transparent url(img/bg_coupon_top.png) repeat 50%;width:100%;height:25px;margin-bottom:-5px}.canopus-content .coupon-code-bottom{background:transparent url(img/bg_coupon_bottom.png) repeat 50%;width:100%;height:15px;margin-top:-5px}.canopus-content .label-nav-op{display:block;position:absolute;top:16px;right:22px;pointer-events:none}.canopus-content .label-nav-op.jenius:before{content:"";display:block;background:url(img/payment/label-payment-jenius@2x.png) no-repeat;background-size:100%;height:22px;width:36px}.canopus-content .label-nav-cc{display:block;position:absolute;top:16px;right:22px;pointer-events:none}.canopus-content .label-nav-cc.visa:before{content:"";display:block;background:url(img/payment/label-payment-visa@2x.png) no-repeat;background-size:100%;height:13px;width:41px}.canopus-content .label-nav-cc.mastercard{top:13px!important}.canopus-content .label-nav-cc.mastercard:before{content:"";display:block;background:url(img/payment/label-payment-mastercard@2x.png) no-repeat;background-size:100%;height:22px;width:36px}.canopus-content .label-nav-cc.jcb{top:13px!important}.canopus-content .label-nav-cc.jcb:before{content:"";display:block;background:url(img/payment/label-payment-jcb@2x.png) no-repeat;background-size:100%;height:22px;width:36px}.canopus-content .label-nav-cc.cvv{top:14px!important}.canopus-content .label-nav-cc.cvv:before{content:"";display:block;background:url(img/ico-cvv@2x.png) no-repeat;background-size:100%;height:20px;width:28px}.canopus-content .label-nav-cc.arrow-dropdown{top:20px!important;right:14px!important}.canopus-content .label-nav-cc.arrow-dropdown:before{content:"";display:block;background:url(img/arrow-text-dropdown@2x.png) no-repeat;background-size:100%;height:9px;width:16px}.canopus-content .canopus-payment .card .card-body .form-input-cc-new-bni p{margin-bottom:0;color:#de1d4d;margin-top:5px}.canopus.gopay{background:#fff;padding-top:10px;text-align:center;border-radius:3px}.canopus.gopay .gopay-qrcode{position:relative;height:200px}.canopus.gopay .button-deepLink{border-radius:3px;width:100%;padding:10px;text-transform:capitalize;background:#45aed7;color:#fff;font-size:14px;font-weight:510;border:0;cursor:pointer}.canopus.gopay .button-deepLink:hover{background-color:#418ba9}.canopus.gopay .button-jumpApp{border-radius:3px;width:100%;padding:10px;text-transform:capitalize;background:#ee4d2d;color:#fff;font-size:14px;font-weight:510;border:0;cursor:pointer}.canopus.gopay .button-jumpApp:hover{background-color:#cc4e01}.gopay-intruction .instructions .MuiAccordion-root.Mui-expanded{margin:0}.gopay-intruction .instructions .MuiAccordion-root .success-desc .success-item{text-align:left}.notFound{margin-top:180px;text-align:center;color:#999;padding:30px}.notFound h3{font-weight:700}.errorMessage{font-size:11pt}.errorTitle{font-size:14pt}.midLoader{margin-top:180px}.warningModal{background-color:#de1d4d;color:#fff;font-weight:700;padding:40px 80px 30px}#cimbclick{display:none}.canopus.cimbclick .midLoader{margin-top:80px}@media only screen and (min-device-width:320px) and (max-device-width:480px){header{padding:10px 0}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){header{padding:10px 0}}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.black{color:#000!important}.canopus .canopus-payment .instructions h2{margin:0;color:#262626;font-weight:600;font-size:14px}.canopus .canopus-payment .instructions h2.title{text-align:left;margin-block-start:1em;margin-bottom:10px}.canopus .canopus-payment .instructions h2.title.mb-10{margin-bottom:10px}.instructions .MuiPaper-root{border:1px solid rgba(0,0,0,.15);border-bottom:0}.instructions{padding:0}.mb-20{margin-bottom:20px}.canopus-content .canopus-body .success-item .success-left{padding:0}.instructions .MuiPaper-root:last-child{border-bottom:1px solid rgba(0,0,0,.15)}.instructions .MuiPaper-root .MuiCollapse-container{text-align:"left";margin-block-start:"1em"}.MuiPaper-root.MuiPaper-elevation0.MuiExpansionPanel-root.success-pay.bordered.Mui-expanded.MuiExpansionPanel-rounded.MuiPaper-rounded{margin:0}.MuiPaper-root.MuiPaper-elevation0.MuiExpansionPanel-root.success-pay.bordered.Mui-expanded.MuiExpansionPanel-rounded.MuiPaper-rounded .MuiExpansionPanelSummary-root.Mui-expanded{min-height:48px}.MuiPaper-root.MuiPaper-elevation0.MuiExpansionPanel-root.success-pay.bordered.Mui-expanded.MuiExpansionPanel-rounded.MuiPaper-rounded .MuiExpansionPanelSummary-root.Mui-expanded .MuiExpansionPanelSummary-content.Mui-expanded{margin:12px 0}.MuiPaper-root.MuiPaper-elevation0.MuiExpansionPanel-root.success-pay.bordered.MuiExpansionPanel-rounded.MuiPaper-rounded .MuiCollapse-container .MuiCollapse-wrapper .MuiCollapse-wrapperInner div[role=region] .MuiExpansionPanelDetails-root.success-desc{padding:20px 24px 15px}.MuiPaper-root.MuiPaper-elevation0.MuiExpansionPanel-root.success-pay.bordered.MuiExpansionPanel-rounded.MuiPaper-rounded .MuiCollapse-container .MuiCollapse-wrapper .MuiCollapse-wrapperInner div[role=region]{border-top:1px solid rgba(0,0,0,.15);padding-top:10px}.MuiPaper-root.MuiPaper-elevation0.MuiExpansionPanel-root.success-pay.bordered.MuiExpansionPanel-rounded.MuiPaper-rounded .MuiCollapse-container .MuiCollapse-wrapper .MuiCollapse-wrapperInner div[role=region] ol{padding-left:20px;padding-right:10px}.MuiPaper-root.MuiPaper-elevation0.MuiExpansionPanel-root.success-pay.bordered.MuiExpansionPanel-rounded.MuiPaper-rounded .MuiCollapse-container .MuiCollapse-wrapper .MuiCollapse-wrapperInner div[role=region] ol li{margin-bottom:5px;text-align:justify}.canopus .canopus-payment .instructions .ol-pl-0 ol{padding-left:0;margin-left:1em}.canopus .canopus-payment .instructions .ta-l{text-align:left}.canopus .canopus-payment .instructions .mb-m20{margin-bottom:20px}.canopus .canopus-payment .accordion .card .card-body .instructions .success-item .success-left.mb-m20{margin-bottom:-20px}._loading_overlay_content{font-family:Source Sans Pro,sans-serif!important;color:rgba(0,0,0,.5)}.canopus-content--green .canopus-body .transaction-details .total-pay{background:#ebfcd8}.canopus-content--green .canopus-body .transaction-details .total-pay p.total-nominal,.canopus-content--green .canopus-body p.prev-page a,.container--green .canopus-contents .canopus-complete .page-wording p.sub-wording a{color:#84c341}.canopus-content--green .canopus-contents .canopus-complete .page-wording .op-back .success-button2,.canopus-content--green .canopus.brick .button-deepLink,.canopus-content--green .canopus.brick .button-jumpApp,.canopus-content--green .canopus.gopay .button-deepLink,.canopus-content--green .canopus.gopay .button-jumpApp{background-color:#7dbf37}.qris-nmid{margin-top:-20px;margin-bottom:0}.canopus.brick{background:#fff;padding-top:10px;text-align:center;border-radius:3px}.canopus.brick .brick-qrcode{position:relative}.canopus.brick .button-deepLink{border-radius:3px;width:100%;padding:10px;text-transform:capitalize;background:#45aed7;color:#fff;font-size:14px;font-weight:510;border:0;cursor:pointer}.canopus.brick .button-deepLink:hover{background-color:#418ba9}.canopus.brick .button-jumpApp{border-radius:3px;width:100%;padding:10px;text-transform:capitalize;background:#ee4d2d;color:#fff;font-size:14px;font-weight:510;border:0;cursor:pointer}.canopus.brick .button-jumpApp:hover{background-color:#cc4e01}.brick-intruction .instructions .MuiAccordion-root.Mui-expanded{margin:0}.brick-intruction .instructions .MuiAccordion-root .success-desc .success-item{text-align:left}