.bg-jurnal{background:#009BDE}.bg-light-pixel{background-color:#F2F4F7}.display-5{font-size:32px !important;line-height:43px !important}.text-gray-pixel{color:#626B79}.toast{max-width:1000px !important}.terms-body{max-height:500px;overflow-y:scroll}.terms-body p{padding-bottom:10px}.custom-navbar .active{border-bottom:3px solid #009BDE;font-weight:bold}select.form-control:read-only{color:#495057;background-color:#fff;cursor:pointer}.navigation-sidebar{min-height:95vh}.navigation-sidebar .ic{color:#212121}.navigation-sidebar .active{background-color:#F2F4F7}.navigation-sidebar .active .sidebar-text{font-weight:bold}.navigation-sidebar .active .ic{color:#1357ff}.w-17{width:17%}.rem-1{font-size:1rem}.custom-nav-link{color:#777;background-color:#fbfbfb;border:1px solid #e2e2e2}.line-divider{background-color:#E2E2E2;width:80vw;margin:0 auto}.banner{background-image:url(/assets/landing-page/base-bdd1c86eadf1411ffe980d69302f6380d2fb93f197c55ecd28def76ca52e8690.svg);width:100vw;padding-top:38vw;position:relative;background-size:cover;line-height:0 !important}.banner .base{position:absolute;top:3vw;left:8vw;bottom:0;right:0}.banner .logo{width:15vw;line-height:0;font-size:0.9vw}.banner .text{max-height:10vw;position:relative;margin-top:4vw;max-width:40vw}.banner .text h2{margin:1.5vw 0;font-weight:normal;font-size:2vw;line-height:3vw;letter-spacing:0.01vw}.banner .text h1{margin:1.5vw 0;font-weight:bold;font-size:3vw;line-height:4vw;letter-spacing:0.01vw}.banner .text .btn{margin:1.5vw 0;padding:0.8vw;font-size:1.1vw;color:#005FBF;line-height:1vw;letter-spacing:0.01vw}.banner .text .text-information{margin-top:4vw;font-size:1vw;line-height:1vw;letter-spacing:0.01vw}.schema{margin:3vw 0;width:100vw;position:relative;line-height:0 !important}.schema .text h3{font-size:1.5vw;line-height:2vw;letter-spacing:0.01vw}.schema .text p{margin:1vw 0;font-size:1vw;line-height:1.3vw;letter-spacing:0.01vw;width:40vw;color:#777777}.schema .image-container{margin-top:3vw;width:100%}.schema .image-container img{width:55vw}.payment{margin-top:5vw;width:100vw;position:relative;line-height:0 !important}.payment .text-container{width:45%}.payment .text-container .text{width:60%}.payment .text-container .text h3{font-size:1.5vw;line-height:2vw;letter-spacing:0.01vw}.payment .text-container .text p{margin:1vw 0;font-size:1vw;line-height:1.3vw;letter-spacing:0.01vw;color:#777777}.payment .image-container{width:55%}.payment .image-container img{width:40vw}.start{margin-top:5vw;width:100vw;position:relative;line-height:0 !important;background-color:#002A38}.start img{margin-top:3vw;margin-bottom:1vw;width:5vw}.start h3{margin-top:1.5vw;font-size:1.5vw;line-height:2vw;letter-spacing:0.01vw}.start p{margin:0.5vw;width:30vw}.start .btn{margin-top:2vw;margin-bottom:4vw;color:#777777}.connector-line{border:1px solid #777777;height:0;align-self:center;margin-right:10px;margin-left:10px;width:95px}.connector-line.active{border-color:#009BDE}.step-circle{width:39px;line-height:35px;border-radius:50%;text-align:center;font-size:15px;background:white;border:solid 2px #777777;color:#777777}.step-circle.active{background:#009BDE;border-color:#009BDE;color:white}.step-circle.done{border-color:#009BDE}.step-circle .step-name{position:absolute;color:#777777;margin-left:-58px;font-size:10pt;width:150px;min-width:50px;line-height:12px;text-align:center;margin-top:8px}.step-circle.active .step-name{color:black}.business-type-form label{cursor:pointer}.business-type-form label:hover{border-color:#005FBF}.business-type-form input[type="radio"]:checked+label{border:solid 2px #005FBF}.business-type-form input[type="radio"]+label img.default{display:block}.business-type-form input[type="radio"]+label img.active{display:none}.business-type-form input[type="radio"]:checked+label img.default{display:none}.business-type-form input[type="radio"]:checked+label img.active{display:block}.payment-logo{width:35px;height:35px}.data-review table td{vertical-align:top;padding:8px 0 8px 0}.sidenav{min-height:100vh;z-index:1;border-radius:4px 0 0 4px}.sidenav>div{position:-webkit-sticky;position:sticky;top:16px}.sidenav a:hover{color:#000}.sidenav a.active{background:#F2F4F7;color:#000}.svg-logo{filter:invert(55%) sepia(12%) saturate(0%) hue-rotate(215deg) brightness(82%) contrast(96%)}.sidenav .svg-logo.active{filter:invert(27%) sepia(100%) saturate(1467%) hue-rotate(193deg) brightness(84%) contrast(106%)}.nav-tabs .nav-link.active::after{background-color:#005FBF}.btn-kebab:hover{cursor:pointer}.table-border-none td{border:none !important;padding:3px 3px}.list-style-none{list-style:none}.btn-with-icon-active{border:2px solid #1357FF !important;background-color:rgba(19,87,255,0.1) !important}.otp-input{width:40px;height:40px;padding:5px;margin:0px 8px;font-size:20px;border-radius:4px;border:1px solid rgba(0,0,0,0.3);text-align:center}.otp-input.error{border:1px solid red !important}.otp-input::-webkit-inner-spin-button,.otp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.status-label{font-size:100%}.open-label,.partial-label{background:#FBF3DD;color:#DB8000}.paid-label{background:#E8F5EB;color:#3C914D}.overdue-label{background:#FDECEE;color:#AB3129}.other-label{background:#EDF0F2;color:#232933}.error-sync-label{background:#AB3129;color:#ffdcd9}.action-dropdown{color:#4B61DD;font-weight:600;border-radius:6px;background:#FFFFFF;border:1px solid #D0D6DD}.action-dropdown.disabled{color:#b4b4b4}.withdrawal-modal-bank-account-error-message{color:#D74121;font-size:12px}.empty-bank-account-number .vs__dropdown-toggle{border-color:#D74121;border-width:1px;border-style:solid;border-radius:4px}#deposit_to_select .vs__selected-options{flex-wrap:nowrap;overflow:hidden;white-space:nowrap}.withdrawal-modal-withdrawal-to{display:flex;align-items:center}#withdrawal_to_select .vs__selected-options{flex-wrap:nowrap;overflow:hidden;white-space:nowrap}.fake-link{color:#1357ff;cursor:pointer}.fake-link:hover{color:#0039c6;text-decoration:underline}.bg-primary-banner{background:#D9E7F5}.bg-warning-banner{background:#FFF5DC}.color-grey{color:#626B79}.container-static{height:100vh;width:100%}@media (min-width: 768px){.center-screen{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}}@media (max-width: 767px){.center-screen{position:relative;width:80%;margin:0 auto;top:50%;transform:translateY(-50%);text-align:center}}.vertical-align-center{vertical-align:middle !important}.mt-16px{margin-top:16px}.mt-20px{margin-top:20px}.export-dropdown{max-height:none !important}