@font-face{font-family:"Roboto";src:url("../fonts/Roboto.eot");src:url("../fonts/Roboto.eot") format("embedded-opentype"),url("../fonts/Roboto.woff2") format("woff2"),url("../fonts/Roboto.woff") format("woff"),url("../fonts/Roboto.ttf") format("truetype"),url("../fonts/Roboto.svg") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"RobotoLight";src:url("../fonts/Roboto-Light.eot");src:url("../fonts/Roboto-Light.eot") format("embedded-opentype"),url("../fonts/Roboto-Light.woff") format("woff"),url("../fonts/Roboto-Light.ttf") format("truetype"),url("../fonts/Roboto-Light.svg") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"RobotoMedium";src:url("../fonts/Roboto-Medium.eot");src:url("../fonts/Roboto-Medium.eot") format("embedded-opentype"),url("../fonts/Roboto-Medium.woff") format("woff"),url("../fonts/Roboto-Medium.ttf") format("truetype"),url("../fonts/Roboto-Medium.svg") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"RobotoBold";src:url("../fonts/Roboto-Bold.eot");src:url("../fonts/Roboto-Bold.eot") format("embedded-opentype"),url("../fonts/Roboto-Bold.woff") format("woff"),url("../fonts/Roboto-Bold.ttf") format("truetype"),url("../fonts/Roboto-Bold.svg") format("svg");font-weight:normal;font-style:normal}html{width:100%;height:100%}body{font-size:13px;font-family:"Roboto";background:#f7f7f7;height:100%;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}.breakline{border:1px solid #eceaea;margin:20px -20px 20px -20px}.text-shadow{text-shadow:0px 1px 4px #000}.no-padding{padding:0}.no-margin{margin:0}.no-position{position:static !important}#holder{min-height:100%;position:relative}.notifikasi-popover.popover{width:30%;min-width:300px;max-width:500px;margin-top:8px;font-family:"Roboto";font-size:13px;color:#4d4d4d}.notifikasi-popover.popover .popover-header{background:#fff;font-size:14px;padding:0px}.notifikasi-popover.popover .popover-header>div{display:inline-block;padding:10px 40px;cursor:pointer}.notifikasi-popover.popover .popover-header>div.active{border-bottom:2px solid #74aba9}.notifikasi-popover.popover .popover-body{color:#4d4d4d;padding:0;max-height:450px;overflow-y:hidden}.notifikasi-popover.popover .popover-body .notification-body{max-height:400px;overflow:auto;overflow-x:hidden}.notifikasi-popover.popover .popover-body .notification-footer{border-top:1px solid #ebebeb;text-align:right;color:#db7d53;font-weight:bold;padding:10px;cursor:pointer}.notifikasi-popover.popover .popover-body .notification-body-container{padding:10px;border-bottom:1px solid #ebebeb;cursor:pointer}.notifikasi-popover.popover .popover-body .notification-body-container:hover{background-color:#eee}.notifikasi-popover.popover .popover-body .notification-body-container.unread{background-color:#fbf4dd}.notifikasi-popover.popover .popover-body .notification-body-container.unread:hover{background-color:#eae3cc}.notifikasi-popover.popover .popover-body .notification-body-container .col-20{max-width:20%;margin:auto}.notifikasi-popover.popover .popover-body .notification-body-container .notification-image{margin-right:10px;width:67px;height:67px;overflow:hidden}.notifikasi-popover.popover .popover-body .notification-body-container .notification-image img{height:67px;width:auto}.notifikasi-popover.popover .popover-body .notification-body-container .notification-date{font-size:12px;color:#414141}.notifikasi-popover.popover .popover-body .notification-body-container .notification-title{font-weight:bold}.notifikasi-popover.popover .popover-body .notification-body-container .notification-summary{text-overflow:ellipsis;overflow:hidden;position:relative;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notifikasi-popover.popover .popover-body .notification-body-container .notification-no-message{text-align:center}.notifikasi-popover.popover .arrow{top:calc((.5rem + 1px)*-1)}.notifikasi-popover.popover .arrow:before{top:0;border-width:0 .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.notifikasi-popover.popover .arrow:after{top:1px;border-width:0 .5rem .5rem;border-bottom-color:#fff}.notifikasi-btn{background:url("../../res/assets/notifikasi@3x.png") no-repeat;width:18px;height:24px;background-size:100%}.notifikasi-btn .notifikasi-no{color:#fff;background:red;border-radius:10px;left:10px;position:relative;font-size:55%}.transaksi-menu-btn{background:url("../../res/assets/transaksi@3x.png") no-repeat;width:18px;height:26px;background-size:100%;float:right;margin:0px 0 0 10px}.transaksi-menu-btn:hover{background:url("../../res/assets/transaksi-hover@3x.png") no-repeat;width:18px;height:26px;background-size:100%;float:right;margin:0px 0 0 10px}.logout-btn{background:url("../../res/assets/logout@3x.png") no-repeat;width:15px;height:17px;background-size:100%;float:right;margin:4px 0 0 10px}.logout-btn:hover{background:url("../../res/assets/logout-hover@3x.png") no-repeat;width:15px;height:17px;background-size:100%;float:right;margin:4px 0 0 10px}.header{min-height:80px;font-size:30px;line-height:80px;text-indent:30px;color:#fff;background:#fff;padding:0 30px;border-width:0 0 4px 0;border-style:solid;margin-bottom:40px;-webkit-border-image:-webkit-gradient(linear, 100% 0, 0 0, from(rgb(255, 177, 28)), to(rgb(240, 91, 35))) 1 0%;-webkit-border-image:-webkit-linear-gradient(right, rgb(255, 177, 28), rgb(240, 91, 35)) 1 0%;-moz-border-image:-moz-linear-gradient(right, rgb(255, 177, 28), rgb(240, 91, 35)) 1 0%;-o-border-image:-o-linear-gradient(right, rgb(255, 177, 28), rgb(240, 91, 35)) 1 0%;border-image:linear-gradient(to right, rgb(255, 177, 28), rgb(240, 91, 35)) 1 0%;width:100%}.header .row{top:23px;position:relative}.header .logo{background:url("../../res/assets/logo.png") no-repeat;width:100px;height:75px;background-size:75%;float:left}.header .main-menu-container{display:flex}.header .main-menu-container ul.main-menu{margin:5px auto 0 auto;overflow:hidden;list-style-type:none;padding-left:0px}.header .main-menu-container ul.main-menu .menu-item{text-transform:uppercase;color:#4d4d4d;font-size:14px;float:left;line-height:normal;margin-right:35px;text-align:center;text-indent:0;cursor:pointer}.header .main-menu-container ul.main-menu .menu-item:hover{color:#feb11c}.header .main-menu-container ul.main-menu .menu-item a{color:#4d4d4d}.header .main-menu-container ul.main-menu .menu-item a:hover{color:#4d4d4d;text-decoration:none}.header .main-menu-container ul.main-menu .menu-item:last-child{margin-right:0px;cursor:pointer}.header .right-menu{float:right}.header .right-menu .right-menu-btn{float:left;border-right:1px solid #ccc;padding:0 10px;font-size:14px;color:#ffb11c;line-height:24px;text-indent:0;cursor:pointer}.header .right-menu .right-menu-btn:last-child{border-right:unset}.header .right-menu .right-menu-btn span{float:left}.header .right-menu .right-menu-btn:hover{color:#f7a200}.page-header{background:#fff;padding:15px 0}.page-header .content{width:88%;margin:auto}.page-header .content .avatar-img{background:url("../../res/assets/avatar@3x.png") no-repeat;width:50px;height:47px;background-size:100%;float:left;margin-right:15px}.page-header .content .welcome-text{color:#b0b0b0;font-size:18px;line-height:47px}.page-header .content .welcome-text span{color:#4d4d4d}.container{--content-day-display: "";--content-date-display: "";--content-start-display: "";--content-end-display: "";--content-text-indent: "";--border-color: #FFC500;--background-color: white;height:100%;padding-bottom:73px}.container .header{overflow:hidden}.container a.container-select-no-underline{text-decoration:none}.container .content{margin:auto;max-width:960px}.container .content .bootstrap-select{border-radius:6px}.container .content .bootstrap-select .dropdown-toggle{background:#fff url("../../res/assets/dropdown-arrow@3x.png") 85% no-repeat;border-color:#d4d4d4;border-radius:6px;width:100%;text-align:left;color:#9b9b9b;background-size:15px;-moz-appearance:none;-webkit-appearance:none}.container .content .bootstrap-select .dropdown-toggle::after{display:none}.container .content .bootstrap-select .dropdown-toggle:focus{color:#4d4d4d;background-color:#fff;border-color:#ffc500;outline:0;box-shadow:unset;outline:unset !important;outline-offset:0}.container .content .bootstrap-select .dropdown-toggle .filter-option{line-height:36px;border-radius:6px;padding-top:initial;padding-bottom:initial;color:#4d4d4d;font-size:13px;font-family:"Roboto"}.container .content .bootstrap-select .dropdown-menu{min-width:100% !important;border-radius:0;font-size:13px}.container .content .bootstrap-select .dropdown-menu .dropdown-item{white-space:normal !important;word-break:break-word;font-weight:normal;color:#4d4d4d;outline:0}.container .content .bootstrap-select .dropdown-menu .dropdown-item.active,.container .content .bootstrap-select .dropdown-menu .dropdown-item:active{color:#4d4d4d;text-decoration:none;background-color:#f8f9fa}.container .content.wider-width-screen{width:90%}.container .content .page-title{background:#fdb034;color:#fff;font-size:16px;font-family:"RobotoBold";width:100%;height:50px;padding:0 20px;line-height:50px;border-radius:5px;display:flex;margin-top:20px}.container .content .page-title.custom-page-title{border-bottom-left-radius:0;border-bottom-right-radius:0}.container .content .page-title img{width:20px;margin-right:15px;padding-bottom:2px;cursor:pointer}.container .content .nav-tabs{font-family:"RobotoBold";background:#f7f7f7;font-size:14px}.container .content .nav-tabs .nav-item .nav-link{border:0;padding:18px 30px 9px 30px;color:#414141;font-family:"Roboto"}.container .content .nav-tabs .nav-item .nav-link.active{color:#f36f33;background:#f7f7f7;border:0;border-bottom:2px solid #f36f33;font-family:"RobotoBold"}.container .content .nav-tabs .nav-item .nav-link.active:hover{color:#feb11c;background:rgba(0,0,0,0);border:0;border-bottom:2px solid #feb11c;font-family:"RobotoBold"}.container .content .nav-tabs .nav-item .nav-link:hover{color:#feb11c;background:rgba(0,0,0,0);border:0;font-family:"Roboto"}.container .content .nav-tabs .nav-item.show .nav-link{color:#ef5f2c;background:#f7f7f7;border:0;border-bottom:2px solid #f05f2c}.container .content form{width:100%}.container .content form .form-title{padding:20px 0 12px 0;font-size:14px;color:#4d4d4d;font-family:"RobotoBold"}.container .content form .form-content{padding:20px;background:#fff;border-radius:5px}.container .content form .form-content.custom-form-content{font-family:"Roboto";border-top-left-radius:0;border-top-right-radius:0}.container .content form .form-content.custom-form-content label{color:#414141;font-size:13px}.container .content form .form-content.custom-form-content .custom-content-title{color:#414141}.container .content form .form-content.custom-form-content .custom-content{overflow:hidden;margin-top:.5rem}.container .content form .form-content.custom-form-content .custom-content .label{color:#414141;font-size:13px;font-family:"Roboto";float:left}.container .content form .form-content.custom-form-content .custom-content span{color:#f1713f;float:left;clear:both}.container .content form .form-content.custom-list-content{font-family:"Roboto";padding:0px 20px}.container .content form .form-content.custom-list-content a:hover{text-decoration:none}.container .content form .form-content.custom-list-content a:last-child .list-item{border-bottom:1px solid #ecebec}.container .content form .form-content.custom-list-content a .list-item{border-bottom:1px solid #ecebec;margin:0 -20px;background:url("../../res/assets/next-arrow@3x.png") 98% center no-repeat;background-size:1%}.container .content form .form-content.custom-list-content a .list-item .custom-content{overflow:hidden;margin:1.5rem}.container .content form .form-content.custom-list-content a .list-item .custom-content .custom-content-title{color:#414141}.container .content form .form-content.custom-list-content a .list-item .custom-content .custom-content-status{color:#414141;font-size:13px}.container .content form .form-content.custom-list-content a .list-item .custom-content .label{color:gray;font-size:13px;font-family:"Roboto";float:left}.container .content form .form-content.custom-list-content a .list-item .custom-content span{color:#f1713f;float:left;clear:both}.container .content form .form-content .row{color:#414141;padding:10px 0}.container .content form .form-content .form-group{margin-bottom:0}.container .content form .form-content .form-group label{line-height:41px;color:#414141;font-size:13px;font-family:"Roboto";margin:0}.container .content form .form-content .form-group label span{color:#f15914}.container .content form .form-content .form-group input{color:#000;background-color:#f6f6f6;border-color:#d4d4d4;font-family:"Roboto";font-size:13px;font-weight:500;height:41px;border-radius:6px}.container .content form .form-content .form-group input::-ms-expand{background-color:rgba(0,0,0,0)}.container .content form .form-content .form-group input:focus{color:#4d4d4d;background-color:#fff;border-color:#ffc500;outline:0;box-shadow:unset}.container .content form .form-content .form-group input.filled-input{color:#4d4d4d;background-color:#fff;border-color:#ffc500;outline:0;box-shadow:unset}.container .content form .form-content .form-group input::placeholder{color:#9b9b9b}.container .content form .form-content .form-group input.datepicker-icon{background:#f6f6f6 url("../../res/assets/datepicker-icon@3x.png") 98% center no-repeat;background-size:15px}.container .content form .form-content .form-group input:disabled{color:#495057}.container .content form .form-content .form-group .mobile-select{background:#f6f6f6 url("../../res/assets/dropdown-arrow@3x.png") 98% no-repeat;height:41px;width:100%;color:#a7a7a7;background-size:15px;line-height:26px;font-size:13px;font-family:"Roboto";border-radius:6px;cursor:pointer}.container .content form .form-content .form-group .mobile-select-casa{background:#f6f6f6 url("../../res/assets/dropdown-arrow@3x.png") 98% no-repeat;height:41px;width:100%;color:#4d4d4d;background-size:15px;line-height:40px;font-size:12.5px;font-family:"Roboto"}.container .content form .form-content .form-group .dropdown{width:100%;height:41px;padding:0}.container .content form .form-content .form-group .dropdown .bootstrap-select .dropdown-toggle{background:#f6f6f6 url("../../res/assets/dropdown-arrow@3x.png") 98% no-repeat;border-color:#d4d4d4;height:41px;width:100%;text-align:left;color:#9b9b9b;background-size:15px;-moz-appearance:none;-webkit-appearance:none}.container .content form .form-content .form-group .dropdown .bootstrap-select .dropdown-toggle::after{display:none}.container .content form .form-content .form-group .dropdown .bootstrap-select .dropdown-toggle:focus{color:#4d4d4d;background-color:var(--background-color);border-color:var(--border-color);outline:0;box-shadow:unset;outline:unset !important;outline-offset:0}.container .content form .form-content .form-group .dropdown .bootstrap-select .dropdown-toggle .filter-option{height:41px;line-height:40px;padding-top:initial;padding-bottom:initial;color:#414141;font-size:13px;font-family:"Roboto";border-radius:6px}.container .content form .form-content .form-group .dropdown .bootstrap-select .dropdown-menu{min-width:100% !important;border-radius:0}.container .content form .form-content .form-group .dropdown .bootstrap-select .dropdown-menu .dropdown-item{white-space:normal !important;word-break:break-word;font-size:13px;font-weight:normal;color:#4d4d4d;outline:0}.container .content form .form-content .form-group .dropdown .bootstrap-select .dropdown-menu .dropdown-item.active,.container .content form .form-content .form-group .dropdown .bootstrap-select .dropdown-menu .dropdown-item:active{color:#4d4d4d;text-decoration:none;background-color:#f8f9fa}.container .content form .form-content .form-group .dropdown-acct-summary{width:100%;height:41px;padding:0}.container .content form .form-content .form-group .dropdown-acct-summary .bootstrap-select .dropdown-toggle{background:#fff url("../../res/assets/dropdown-arrow@3x.png") 98% no-repeat;border-color:#d4d4d4;height:41px;line-height:40px;border-radius:6px;width:100%;text-align:left;color:#9b9b9b;background-size:15px;-moz-appearance:none;-webkit-appearance:none}.container .content form .form-content .form-group .dropdown-acct-summary .bootstrap-select .dropdown-toggle::after{display:none}.container .content form .form-content .form-group .dropdown-acct-summary .bootstrap-select .dropdown-toggle:focus{color:#4d4d4d;background-color:#fff;border-color:#ffc500;outline:0;box-shadow:unset;outline:unset !important;outline-offset:0}.container .content form .form-content .form-group .dropdown-acct-summary .bootstrap-select .dropdown-toggle .filter-option{line-height:40px;height:41px;border-radius:6px;padding-top:initial;padding-bottom:initial;color:#4d4d4d;font-size:13px;font-family:"Roboto"}.container .content form .form-content .form-group .dropdown-acct-summary .bootstrap-select .dropdown-menu{min-width:100% !important;border-radius:0;font-size:13px}.container .content form .form-content .form-group .dropdown-acct-summary .bootstrap-select .dropdown-menu .dropdown-item{white-space:normal !important;word-break:break-word;font-weight:normal;color:#4d4d4d;outline:0}.container .content form .form-content .form-group .dropdown-acct-summary .bootstrap-select .dropdown-menu .dropdown-item.active,.container .content form .form-content .form-group .dropdown-acct-summary .bootstrap-select .dropdown-menu .dropdown-item:active{color:#4d4d4d;text-decoration:none;background-color:#f8f9fa}.container .content form .form-content .form-group.custom-radio-wrapper .col-md-7{padding:0}.container .content form .form-content .form-group.custom-radio-wrapper .col-md-7 .custom-radio label{line-height:24px}.container .content form .form-content .form-group.custom-radio-wrapper .custom-control:first-child .dropdown button.dropdown-toggle{text-indent:55px}.container .content form .form-content .form-group.custom-radio-wrapper .custom-control:first-child .dropdown button.dropdown-toggle::before{content:var(--content-day-display);text-indent:-55px;font-family:"Roboto";font-size:13px;line-height:26px;color:#414141}.container .content form .form-content .form-group.custom-radio-wrapper .custom-control:last-child .dropdown button.dropdown-toggle{text-indent:55px}.container .content form .form-content .form-group.custom-radio-wrapper .custom-control:last-child .dropdown button.dropdown-toggle::before{content:var(--content-date-display);text-indent:-55px;font-family:"Roboto";font-size:13px;line-height:26px;color:#414141}.container .content form .form-content .form-group.custom-radio-wrapper .custom-control .tanggal-hint{line-height:50px;padding-left:10%}.container .content form .form-content .form-group.custom-radio-wrapper .custom-control .tanggal-hint .hint-icon{background-size:20px;position:absolute;right:0}.container .content form .form-content .form-group .datepicker-container{padding:0}.container .content form .form-content .form-group .datepicker-container .datepicker{padding:0}.container .content form .form-content .form-group .datepicker-container .datepicker input{color:#4d4d4d;border-radius:.25em}.container .content form .form-content .form-group textarea{color:#000;background-color:#f6f6f6;border-color:#d4d4d4;font-family:"Roboto";font-size:14px;font-weight:500}.container .content form .form-content .form-group textarea:focus{color:#4d4d4d;background-color:#f6f6f6;border-color:#ffc500;outline:0;box-shadow:unset}.container .content form .form-content .form-group .amount-field{position:relative;line-height:30px;padding:0;font-family:"RobotoMedium"}.container .content form .form-content .form-group .amount-field span{float:left;font-size:13px;position:absolute;left:0;top:3px;padding-left:.75rem;color:#4d4d4d}.container .content form .form-content .form-group .amount-field input{float:left;font-size:16px;border-top:0;border-left:0;border-right:0;background:rgba(0,0,0,0);border-radius:0;text-indent:40px;color:#f25a16;padding-left:0px}.container .content form .form-content .form-group .jpa{display:flex;padding:0;max-width:100%;overflow:hidden}.container .content form .form-content .form-group .jpa pin-input{display:flex}.container .content form .form-content .form-group .jpa pin-input input{margin-right:8px;border-radius:5px;border-left-width:1px;text-align:center}.container .content form .form-content .form-group .jpa pin-input input[type=tel].password{-webkit-text-security:disc;font-size:30px}.container .content form .form-content .form-group .jpa pin-input input:last-child{margin-right:0px}.container .content form .form-content .form-group .hint-icon-wrapper{position:relative}.container .content form .form-content .form-group .hint-icon-wrapper label{position:unset}.container .content form .form-content .form-group .hint-icon{background:url("../../res/assets/password-hint@3x.png") right center no-repeat;background-size:40%;width:50px;height:50px;float:right;position:absolute;right:10px;top:0;z-index:1}.container .content form .form-content .form-group:last-child{margin-bottom:0}.container .content form .custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#016d79;background-color:#016d79}.container .content form .custom-control-input:focus~.custom-control-label::before{box-shadow:unset}.container .content form .form-button{margin-top:20px;margin-bottom:50px}.container .content form .form-button .btn-container{position:relative;width:100%}.container .content form .form-button .btn-container .btn-wrapper:first-child{float:right}.container .content form .form-button p{text-align:center;margin-bottom:.5rem}.container .content form .form-button .btn{width:40%;font-size:14px;height:40px;font-family:"Roboto"}.container .content form .form-button .btn.kembali-btn{background:#b9b9b9;color:#fff;border:unset;line-height:25px;margin-right:20px;float:left}.container .content form .form-button .btn.kembali-btn:hover{background:#a4a4a4}.container .content form .form-button .btn.lanjut-btn{background:#ffb11c;color:#fff;border:unset;float:right;line-height:25px;cursor:pointer}.container .content form .form-button .btn.lanjut-btn:hover{background:#f7a200}.container .content form .form-button .btn.print-btn{background:#ffb11c url("../../res/assets/print-icn@3x.png") 63% center no-repeat;color:#fff;border:1px solid #ffb11c;float:right;line-height:25px;text-indent:-30px;background-size:10%;cursor:pointer}.container .content form .form-button .btn.print-btn:hover{background:#f7a200 url("../../res/assets/print-icn@3x.png") 63% center no-repeat;background-size:10%}.container .content form .form-button .btn:focus,.container .content form .form-button .btn.focus{box-shadow:unset}.container .content form .form-button .btn.disabled,.container .content form .form-button .btn:disabled{border-color:unset}.container .content form .form-button .btn:not(:disabled):not(.disabled):active:focus,.container .content form .form-button .btn:not(:disabled):not(.disabled).active:focus{box-shadow:unset}.footer{overflow:hidden;font-size:12px;color:#333;width:100%;padding-left:30px;position:absolute;bottom:0}.footer .copy{float:left;position:absolute;bottom:10px}.footer .logo{background:url("../../res/assets/footer-img.png") no-repeat;width:300px;height:72px;background-size:100%;float:right}.m-view-bottom-menu{z-index:999;position:fixed;bottom:0;width:100%;padding:5px 0 25px 0;background:#fff;border-top:1px solid #e9e9e9}.m-view-bottom-menu .m-view-menu{width:25%;float:left;text-align:center;color:#414141;font-size:13px}.m-view-bottom-menu .m-view-menu a{color:#9b9b9b}.m-view-bottom-menu .m-view-menu.active a{color:#f15914}.m-view-bottom-menu .m-view-menu.active .m-view-menu-icon{width:35px;height:35px}.m-view-bottom-menu .m-view-menu.active .m-view-menu-icon.beranda{background:url("../../res/assets/bottom-navigation/beranda-active@3x.png") center center no-repeat;background-size:55%}.m-view-bottom-menu .m-view-menu.active .m-view-menu-icon.rekening{background:url("../../res/assets/bottom-navigation/rekening-active@3x.png") center 10px no-repeat;background-size:62%}.m-view-bottom-menu .m-view-menu.active .m-view-menu-icon.transaksi{background:url("../../res/assets/bottom-navigation/transaksi-active@3x.png") center center no-repeat;background-size:55%}.m-view-bottom-menu .m-view-menu.active .m-view-menu-icon.pinjaman{background:url("../../res/assets/bottom-navigation/pinjaman-active@3x.png") center center no-repeat;background-size:55%}.m-view-bottom-menu .m-view-menu.active .m-view-menu-icon.profil{background:url("../../res/assets/bottom-navigation/profil-active@3x.png") center center no-repeat;background-size:55%}.m-view-bottom-menu .m-view-menu.active .m-view-menu-label{color:#f15914}.m-view-bottom-menu .m-view-menu .m-view-menu-icon{margin:auto;width:35px;height:35px}.m-view-bottom-menu .m-view-menu .m-view-menu-icon.beranda{background:url("../../res/assets/bottom-navigation/beranda-default@3x.png") center center no-repeat;background-size:55%}.m-view-bottom-menu .m-view-menu .m-view-menu-icon.rekening{background:url("../../res/assets/bottom-navigation/rekening-default@3x.png") center 10px no-repeat;background-size:62%}.m-view-bottom-menu .m-view-menu .m-view-menu-icon.transaksi{background:url("../../res/assets/bottom-navigation/transaksi-default@3x.png") center center no-repeat;background-size:55%}.m-view-bottom-menu .m-view-menu .m-view-menu-icon.pinjaman{background:url("../../res/assets/bottom-navigation/pinjaman-default@3x.png") center center no-repeat;background-size:55%}.m-view-bottom-menu .m-view-menu .m-view-menu-icon.profil{background:url("../../res/assets/bottom-navigation/profil-default@3x.png") center center no-repeat;background-size:55%}.m-view-bottom-menu .m-view-menu .m-view-menu-icon.qrpay{background:url("../../res/assets/bottom-navigation/qr-default.png") center center no-repeat;background-size:100%;margin-top:-35px;width:70px;height:70px}.m-view-bottom-menu .m-view-menu.mobile-device{width:20%}.m-view-bottom-menu .m-view-menu.show{display:block}.m-view-bottom-menu .m-view-menu.hidden{display:none}.m-view-bottom-menu .m-view-menu .m-view-menu-label.qris-logo{background:url("../../res/assets/bottom-navigation/qris_home.png") center center no-repeat;background-size:70%;height:20px}.modal .modal-dialog{top:100px;font-family:"Roboto"}.modal .modal-dialog .modal-content{border:0;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.modal .modal-dialog .modal-content .modal-header{padding:.8rem 20px;background:#ffb11c;color:#fff;font-family:"RobotoBold" !important;font-size:16px}.modal .modal-dialog .modal-content .modal-header button{font-weight:lighter}.modal .modal-dialog .modal-content .modal-header button:focus{outline:0}.modal .modal-dialog .modal-content .modal-header .modal-title{font-size:16px}.modal .modal-body{text-align:center;padding:20px}.modal .modal-body img{width:30%}.modal .modal-body .status-title{color:#feb11c;font-size:30px;margin:20px 0}.modal .modal-body .form-group label{line-height:50px;color:#555;font-size:13px;font-family:"Roboto";margin:0}.modal .modal-body .form-group label span{color:#f15914}.modal .modal-body .form-group input{color:#000;background-color:#f6f6f6;border-color:#d4d4d4;font-family:"Roboto";font-size:14px;font-weight:500;height:41px}.modal .modal-body .form-group input::-ms-expand{background-color:rgba(0,0,0,0)}.modal .modal-body .form-group input:focus{color:#4d4d4d;background-color:#f6f6f6;border-color:#ffc500;outline:0;box-shadow:none}.modal .modal-body .form-group input::placeholder{color:#9b9b9b}.modal .modal-body .form-group input.datepicker-icon{background:#f6f6f6 url("../../res/assets/datepicker-icon@3x.png") 98% center no-repeat;background-size:15px}.modal .modal-body .form-group .dropdown,.modal .modal-body .form-group .dropdown-download-select{width:100%;height:50px;padding:0}.modal .modal-body .form-group .dropdown .bootstrap-select .dropdown-toggle,.modal .modal-body .form-group .dropdown-download-select .bootstrap-select .dropdown-toggle{background:#f6f6f6 url("../../res/assets/dropdown-arrow@3x.png") 98% no-repeat;border-color:#d4d4d4;background-position-x:93%;background-size:8% !important;height:41px;width:100%;text-align:left;color:#9b9b9b;background-size:4%;-moz-appearance:none;-webkit-appearance:none}.modal .modal-body .form-group .dropdown .bootstrap-select .dropdown-toggle::after,.modal .modal-body .form-group .dropdown-download-select .bootstrap-select .dropdown-toggle::after{display:none}.modal .modal-body .form-group .dropdown .bootstrap-select .dropdown-toggle:focus,.modal .modal-body .form-group .dropdown-download-select .bootstrap-select .dropdown-toggle:focus{color:#4d4d4d;background-color:#f6f6f6;border-color:#ffc500;outline:0;box-shadow:none;outline:0 !important;outline-offset:0}.modal .modal-body .form-group .dropdown .bootstrap-select .dropdown-toggle .filter-option,.modal .modal-body .form-group .dropdown-download-select .bootstrap-select .dropdown-toggle .filter-option{line-height:41px;padding-top:initial;padding-bottom:initial;color:#4d4d4d;font-size:14px;font-family:"Roboto"}.modal .modal-body .form-group .dropdown .bootstrap-select .dropdown-menu,.modal .modal-body .form-group .dropdown-download-select .bootstrap-select .dropdown-menu{min-width:100% !important;border-radius:0}.modal .modal-body .form-group .dropdown .bootstrap-select .dropdown-menu .dropdown-item,.modal .modal-body .form-group .dropdown-download-select .bootstrap-select .dropdown-menu .dropdown-item{white-space:normal !important;word-break:break-word;font-weight:normal;color:#4d4d4d;outline:0;font-size:13px}.modal .modal-body .form-group .dropdown .bootstrap-select .dropdown-menu .dropdown-item.active,.modal .modal-body .form-group .dropdown .bootstrap-select .dropdown-menu .dropdown-item:active,.modal .modal-body .form-group .dropdown-download-select .bootstrap-select .dropdown-menu .dropdown-item.active,.modal .modal-body .form-group .dropdown-download-select .bootstrap-select .dropdown-menu .dropdown-item:active{color:#4d4d4d;text-decoration:none;background-color:#f8f9fa}.modal .modal-body .form-group .dropdown-download-select .bootstrap-select .dropdown-toggle{background-size:12px !important}.modal .modal-footer{border-top:0}.modal .btn{font-size:14px;height:50px;cursor:pointer}.modal .btn:focus,.modal .btn.focus{box-shadow:unset;background:#ffb11c}.modal .btn.disabled,.modal .btn:disabled{border-color:unset}.modal .btn:not(:disabled):not(.disabled):active:focus,.modal .btn:not(:disabled):not(.disabled).active:focus{box-shadow:unset}.modal .btn.login-btn{background:#ffb11c;color:#fff;border:unset;float:right;line-height:38px;width:100%}.modal .btn.login-btn:hover{background:#f7a200}.modal a{width:100%}.modal#commonModal .modal-header{background:#ffb11c;color:#fff}.modal#commonModal .modal-header button{color:#fff}.modal#commonModal .modal-footer{background:#f5f3f5}.show>.modal .btn.dropdown-toggle{background-color:#ffb11c}.show>.modal .btn.dropdown-toggle:focus{box-shadow:unset}.mobileSelectBox.modal .modal-dialog,#mobileSelectBox.modal .modal-dialog{position:absolute;bottom:0;top:auto;margin:0;width:100%;max-width:inherit}.mobileSelectBox.modal .modal-dialog .modal-content,#mobileSelectBox.modal .modal-dialog .modal-content{border-radius:0}.mobileSelectBox.modal .modal-dialog .modal-content .select-header,#mobileSelectBox.modal .modal-dialog .modal-content .select-header{padding:10px 20px;border-bottom:1px solid #f6f4f5;display:flex}.mobileSelectBox.modal .modal-dialog .modal-content .select-header .select-title,#mobileSelectBox.modal .modal-dialog .modal-content .select-header .select-title{text-align:left;float:left;width:100%;font-family:"RobotoMedium"}.mobileSelectBox.modal .modal-dialog .modal-content .select-header .select-close,#mobileSelectBox.modal .modal-dialog .modal-content .select-header .select-close{text-align:right;float:left;width:50%;color:#9f9f9f;font-size:21px;font-weight:lighter}.mobileSelectBox.modal .modal-dialog .modal-content .select-header button:focus,#mobileSelectBox.modal .modal-dialog .modal-content .select-header button:focus{outline:0}.mobileSelectBox.modal .modal-dialog .modal-content .modal-body,#mobileSelectBox.modal .modal-dialog .modal-content .modal-body{padding:0;max-height:50vh;overflow-y:auto;padding-bottom:25px}.mobileSelectBox.modal .modal-dialog .modal-content .modal-body .select-header,#mobileSelectBox.modal .modal-dialog .modal-content .modal-body .select-header{padding:10px 20px;border-bottom:1px solid #f6f4f5;display:flex}.mobileSelectBox.modal .modal-dialog .modal-content .modal-body .select-header .select-title,#mobileSelectBox.modal .modal-dialog .modal-content .modal-body .select-header .select-title{text-align:left;float:left;width:100%;font-family:"RobotoMedium"}.mobileSelectBox.modal .modal-dialog .modal-content .modal-body .select-header .select-close,#mobileSelectBox.modal .modal-dialog .modal-content .modal-body .select-header .select-close{text-align:right;float:left;width:50%;color:#9f9f9f;font-size:21px;font-weight:lighter}.mobileSelectBox.modal .modal-dialog .modal-content .modal-body .select-header button:focus,#mobileSelectBox.modal .modal-dialog .modal-content .modal-body .select-header button:focus{outline:0}.mobileSelectBox.modal .modal-dialog .modal-content .modal-body .select-body .select-option,#mobileSelectBox.modal .modal-dialog .modal-content .modal-body .select-body .select-option{text-align:left;padding:12px 20px;border-bottom:1px solid #f6f4f5}.mobileSelectBox.modal .modal-dialog .modal-content .modal-body .select-body .select-option span,#mobileSelectBox.modal .modal-dialog .modal-content .modal-body .select-body .select-option span{font-family:"RobotoMedium"}.mobileSelectBox.modal .modal-dialog .modal-content .modal-body .select-body .select-option:last-child,#mobileSelectBox.modal .modal-dialog .modal-content .modal-body .select-body .select-option:last-child{border-bottom:0}.mobileSelectBox.modal.fade .modal-dialog,#mobileSelectBox.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0, 50px);transform:translate(0, 50px)}.mobileSelectBox.modal.show .modal-dialog,#mobileSelectBox.modal.show .modal-dialog{-webkit-transform:none;transform:none}@media(min-width: 576px){.container{max-width:100% !important}}@media(max-width: 576px){.container .content form .form-content .form-group{margin:0}}@media(max-width: 768px){#app-body{height:100vh !important}#holder.login-holder{padding-bottom:102px}#holder.bttn-fixed-holder{padding-bottom:121px}#holder.bttn-fixed-holder.short-content{background-color:#fff}#holder.bttn-fixed-2bttn-holder{padding-bottom:71px}.breakline{margin-bottom:0}.modal .modal-body .form-group input{height:50px}.modal .modal-body .form-group .dropdown .bootstrap-select .dropdown-toggle{height:50px}.modal .modal-body .form-group .dropdown .bootstrap-select .dropdown-toggle .filter-option{line-height:50px}.modal .modal-body .form-group .dropdown-download-select .bootstrap-select .dropdown-menu .dropdown-item{padding:.25rem .8rem}.container{padding:0}.container .content{width:unset}.container .content .nav-tabs{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;display:block;position:fixed;left:0;right:0;top:0;padding-top:60px;z-index:1;-ms-overflow-style:none;scrollbar-width:none}.container .content .nav-tabs .nav-item{display:inline-block}.container .content .nav-tabs::-webkit-scrollbar{display:none}.container .content .tabs-container{padding-top:113px}.container .content .tabs-container form{padding-top:0}.container .content .page-title{border-radius:unset;height:60px;line-height:60px;margin-top:0;position:fixed;z-index:2}.container .content form{padding-top:60px}.container .content form .form-title{padding:20px}.container .content form .form-content{padding-top:0;display:inline-block;width:100%}.container .content form .form-content .row{padding:0}.container .content form .form-content label{padding:0;line-height:40px}.container .content form .form-content.custom-form-content{padding-top:20px;background:rgba(0,0,0,0);border-bottom:1px solid #ecebec}.container .content form .form-content.custom-form-content .custom-content span{color:#4d4d4d}.container .content form .form-content.custom-list-content{padding:0 20px}.container .content form .form-content.custom-list-content a .list-item{padding:10px 0;background:url(../../res/assets/next-arrow@3x.png) 97% center no-repeat;background-size:2%}.container .content form .form-content.custom-list-content a .list-item .custom-content{margin:0 20px;padding:0}.container .content form .form-content.custom-list-content a .list-item .custom-content .custom-content-status{padding-top:8px}.container .content form .form-content .form-group{margin:0}.container .content form .form-content .form-group .amount-field{line-height:40px}.container .content form .form-content .form-group input{height:50px}.container .content form .form-content .form-group .mobile-select{background:#f6f6f6 url("../../res/assets/dropdown-arrow@3x.png") 98% no-repeat;height:50px;width:100%;color:#414141;background-size:15px;line-height:36px;font-size:13px;font-family:"Roboto";border-radius:6px;cursor:pointer}.container .content form .form-content .form-group.mobile-form-group{width:49%;float:left;margin-right:2%}.container .content form .form-content .form-group.mobile-form-group:last-child{margin-right:0}.container .content form .form-content .form-group.mobile-form-group input.datepicker-icon{background:#f6f6f6 url("../../res/assets/datepicker-icon@3x.png") 94% center no-repeat;background-size:15px}.container .content form .form-content .form-group .dropdown{height:50px}.container .content form .form-content .form-group .dropdown .bootstrap-select .dropdown-toggle{background:#fff url("../../res/assets/dropdown-arrow@3x.png") 97% no-repeat;background-size:15px}.container .content form .form-content .form-group .dropdown-acct-summary .bootstrap-select .dropdown-toggle{background:#fff url("../../res/assets/dropdown-arrow@3x.png") 97% no-repeat;background-size:15px}.container .content form .form-button{margin-left:0;margin-right:0;position:absolute;bottom:15px;width:100%}.container .content form .form-button .col-md-6{padding:0 20px}.container .content form .form-button .btn-container .btn-wrapper{position:static}.container .content form .form-button .btn.kembali-btn,.container .content form .form-button .btn.lanjut-btn{width:100%}.container .content form .form-button.three-bttn{background-color:#fff;margin:0;position:fixed;bottom:0}.container .content form .form-button.three-bttn .col-md-4.two-bttn{padding:0;margin:20px 0 0 0;border-top:1px solid #eee}.container .content form .form-button.three-bttn .col-md-4.two-bttn.no-margin-top{margin:0}.container .content form .form-button.three-bttn .col-md-4.two-bttn .btn.share-btn,.container .content form .form-button.three-bttn .col-md-4.two-bttn .btn.simpan-btn,.container .content form .form-button.three-bttn .col-md-4.two-bttn .btn.print-btn-mb{width:50%;margin-bottom:0;color:#ffb11c;float:right;line-height:25px;background-size:8%;text-indent:40px;height:40px}.container .content form .form-button.three-bttn .col-md-4.two-bttn .btn.simpan-btn{border-right:0px;background-size:9%}.container .content form .form-button.three-bttn .col-md-4.two-bttn .btn.print-btn-mb{border-right:0px;background-size:9%}.container .content form .form-button.three-bttn .col-md-4.two-bttn .v-divider{border-left:1px solid #eee;height:30px;position:absolute;left:50%;top:10px}}.sk-fading-container{display:block;position:fixed;top:0;left:0;background:#000;opacity:.4;width:100%;height:100%;z-index:10}.sk-fading-circle{width:40px;height:40px;position:fixed;z-index:100;top:50%;left:50%;transform:translate(-50%, -50%)}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle-label{position:absolute;z-index:10;font-size:15px;color:#fff;left:50%;top:50%;transform:translate(-50%, -50%);padding-top:80px}.hide{visibility:hidden}.blur{filter:blur(5px)}.no-scroll{overflow:hidden}.sk-fading-circle .sk-circle:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#fff;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes sk-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}.sk-fading-loader{position:fixed;z-index:100;top:50%;left:50%;transform:translate(-50%, -50%);width:142px;height:40px}.sk-fading-loader .dot{position:absolute;width:16px;height:16px;top:12px;left:15px;background:#f15914;border-radius:50%;transform:translateX(0);animation:dot 2.8s infinite}.sk-fading-loader .dots{transform:translateX(0);margin-top:12px;margin-left:31px;animation:dots 2.8s infinite}.sk-fading-loader .dots span{display:block;float:left;width:16px;height:16px;margin-left:16px;background:#feb11c;border-radius:50%}@-moz-keyframes dot{50%{transform:translateX(96px)}}@-webkit-keyframes dot{50%{transform:translateX(96px)}}@-o-keyframes dot{50%{transform:translateX(96px)}}@keyframes dot{50%{transform:translateX(96px)}}@-moz-keyframes dots{50%{transform:translateX(-31px)}}@-webkit-keyframes dots{50%{transform:translateX(-31px)}}@-o-keyframes dots{50%{transform:translateX(-31px)}}@keyframes dots{50%{transform:translateX(-31px)}}.error{color:red;font-size:14px;text-align:center;padding-top:10px;padding-bottom:10px;word-wrap:break-word}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:#000;transition:background-color 5000s ease-in-out 0s}.unselectable{-webkit-user-select:none;-webkit-touch-callout:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.keyboardShow .m-view-bottom-menu{display:none !important}.keyboardShow .container .content form .form-button{position:relative}.keyboardShow #holder.login-holder{padding-bottom:10px}.dropdown .bootstrap-select .dropdown-menu .show{min-width:100%}.dropdown .bootstrap-select .dropdown-menu .show .dropdown-item{white-space:normal;word-break:break-word}.modal-dialog .modal-content .modal-body .select-body .select-option{word-break:break-word}.tooltip-inner{background-color:rgba(0,0,0,.75)}.bs-tooltip-auto[x-placement^=right] .arrow:before,.bs-tooltip-right .arrow:before,.bs-tooltip-auto[x-placement^=left] .arrow:before,.bs-tooltip-left .arrow:before{border-left-color:rgba(0,0,0,.75);border-right-color:rgba(0,0,0,.75)}/*# sourceMappingURL=common.css.map */