html{--mat-sys-title-small-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;--mat-sys-corner-extra-small: 10px !important;--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{margin:0;color:#4f4e4e;background:#f0f4ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.wrapper-create{background:#fff;padding:20px;border-radius:10px;box-shadow:0 0 11px #00000036}.create-button{border-radius:6px!important;background:radial-gradient(44.44% 27.09% at 52.08% 100%,#03bcff,#0364ad)!important;color:#fff!important;height:32px!important;font-size:12px!important;line-height:15px!important;font-weight:500!important;box-shadow:none!important}@media (max-width: 600px){.create-button{padding:20px 25px!important;background:#0364ad!important;line-height:20px!important}.create-button.grey{background:#3e5269!important}}.cancel-button{border-radius:6px!important;border:1px solid #0262AB!important;background-color:#fff!important;height:32px!important;font-size:12px!important;line-height:15px!important;font-weight:500!important;color:#0262ab!important;box-shadow:none!important}.ml-10{margin-left:10px}img{max-width:100%}.bottom-margin{margin-bottom:100px}.padd-section{padding:10px 20px 0}.password-show-icon{position:absolute;right:12px;top:12px;color:#777}.close-btn-modal{position:absolute;right:15px}.back-link{color:#106ffd;text-decoration:none}.block-mb40{display:block;margin-bottom:40px}.custom-button{border-radius:10px;border:none;background:#106ffd;color:#fff;outline:none}.custom-button.btn-big{width:100%;font-size:16px;padding:18px}.custom-button.outline{background:transparent;color:#106ffd;border:solid 2px;font-weight:600}.custom-button:disabled{background:#ededee;color:#cacacd}.text-center{text-align:center!important}.text-right{text-align:right!important}.wrapper-row{display:flex;align-items:center;margin-bottom:10px;gap:10px}.wrapper-row:last-child{margin-bottom:0}.wrapper-row .wrapper-input{padding-right:4px;flex:1;width:30%}.wrapper-row .wrapper-input:last-child{padding-right:0}.wrapper-new-version-input{display:flex;flex-direction:column;gap:4px;flex:1;margin-bottom:10px}.wrapper-new-version-input label{text-align:left;padding:0 10px;font-size:12px;line-height:15px;font-weight:400}.wrapper-new-version-input .mdc-text-field{border-radius:8px;padding:0 10px}.wrapper-new-version-input input,.wrapper-new-version-input textarea{font-size:12px!important;line-height:15px!important;font-weight:500!important}.wrapper-new-version-select{display:flex;flex-direction:column;gap:4px;flex:1;max-width:100%}.wrapper-new-version-select label{padding:0 10px;font-size:12px;line-height:15px;font-weight:400}.wrapper-new-version-select .mdc-text-field{border-radius:8px;padding:0 10px}.wrapper-new-version-select mat-select .mat-mdc-select-min-line{font-size:12px!important;line-height:15px!important;font-weight:500!important}mat-form-field input{font-size:14px!important}mat-form-field input::placeholder{font-size:14px!important}mat-form-field .mat-mdc-form-field-infix{min-height:32px;padding:7px 0!important}mat-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:#f8fafb;border:1px solid #eef3f7}mat-form-field label{top:18px!important}mat-form-field .mdc-floating-label--float-above{top:14px!important;background:#fff;padding:0 2px}mat-form-field mat-label{font-size:14px}mat-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled,.mdc-text-field--invalid) .mdc-line-ripple:before{display:none!important}mat-form-field .mat-mdc-form-field-subscript-wrapper{display:none}.progress-bar{width:calc(100% - 20px);background:#eef2fd;height:10px;border-radius:10px;margin:15px 10px 40px;position:relative}.progress-bar .progress-wrapper{position:absolute;height:100%;min-width:10px;border-radius:10px;background:#106ffd}.progress-bar .progress-count{position:absolute;bottom:-20px;font-size:13px}small{font-size:11px;text-align:left;display:block;margin:10px 0;color:#737373}.mb-20{margin-bottom:20px}.mt-20{margin-top:20px}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.cursor-pointer{cursor:pointer}.ngx-otp-input-box{width:100%!important}.color-primary{color:#106ffd}mat-checkbox label{text-align:left;font-size:12px}.shuffix-custom{position:absolute;top:2px;right:2px;width:50px;height:94%;background:#fff;border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:center;color:#4dc64a;font-size:13px}.shuffix-custom img{width:20px}.count_down{color:#106ffd;text-align:center;margin-top:5px}.mat-mdc-form-field-type-mat-select .mat-mdc-form-field-subscript-wrapper{height:0!important}.wrapper-input{text-align:left}.wrapper-input textarea{width:100%!important}.wrapper-input input,.wrapper-input textarea,.wrapper-input mat-select{background:#f0f4ff!important;outline:0;border:none!important}.wrapper-input input::placeholder,.wrapper-input textarea::placeholder,.wrapper-input mat-select::placeholder{color:#b5b5b5!important}.wrapper-input label{font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.wrapper-input label a{font-size:12px;color:#106ffd}.wrapper-input .mat-mdc-text-field-wrapper{height:51px;padding:0}.wrapper-input .mat-mdc-form-field-subscript-wrapper{height:10px}.wrapper-input .mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input,.wrapper-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control{height:50px;font-size:13px;padding:0 10px;width:calc(100% - 20px);border-radius:10px}.wrapper-input .mdc-text-field--outlined .mat-mdc-form-field-infix,.wrapper-input .mdc-text-field--no-label .mat-mdc-form-field-infix{padding:0}.wrapper-input .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mat-mdc-notch-piece{border-color:#fff}.wrapper-input .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mat-mdc-notch-piece{border-width:1px}.wrapper-input .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mat-mdc-notch-piece{border-color:#fff}.wrapper-input .mat-mdc-form-field-infix{min-height:var(--mat-form-field-container-height, 39px)}.wrapper-input .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper{padding-right:0;padding-left:0}.wrapper-input .mat-mdc-select-trigger{padding:10px}.w-100{width:100%}.mat-mdc-snackbar-surface{padding-right:0!important}.mat-mdc-snackbar-surface .mdc-snackbar__label{padding:0!important}.mat-mdc-snack-bar-container .mat-mdc-snackbar-surface{background:transparent!important}.back-btn{color:#fff}.back-btn mat-icon{width:16px;height:16px;font-size:16px}.tab-wrapper{display:flex;align-items:center;justify-content:center;border-radius:5px;color:#106ffd;border:solid 1px}.tab-wrapper .tab-item{width:100%;padding:7px;text-align:center;font-size:13px}.tab-wrapper .tab-item.active{background:#106ffd;color:#fff}.search-bar{background:#fff;padding:10px;border-radius:10px;margin-bottom:10px}.search-bar .wrapper-new-version-input{flex:.2}.filter-navbar{background:#106ffd;position:sticky;top:55px;margin-top:-25px;z-index:11;padding:5px 10px 15px;border-radius:0 0 10px 10px}.filter-navbar .body{display:flex;align-items:center;gap:10px}.filter-navbar .body img{width:25px}.filter-navbar input{width:calc(100% - 30px);height:30px;background:#ffffff1f;border:none;border-radius:5px;padding-left:30px}.filter-navbar input::placeholder{color:#fff}.filter-navbar mat-icon{position:absolute;color:#fff;top:12px;left:15px;font-size:20px;width:20px;height:20px}.filter-navbar .profile-nav{display:grid;grid-template-columns:1fr 4fr;padding:0 10px;gap:20px;align-items:center}.filter-navbar .profile-nav .avatar{border:solid 1px #fff;padding:5px;line-height:0;border-radius:50%}.filter-navbar .profile-nav .info{color:#fff;line-height:1.2}.filter-navbar .profile-nav .info .name{margin-bottom:5px}.filter-navbar .profile-nav .info small{color:#fff;margin:0}.shadow-border{box-shadow:0 0 9px #00000029;border-radius:10px}.detail-body-credit{padding:10px}.detail-body-credit .title-credit-loan{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px}.detail-body-credit .title-credit-loan img{width:50px}.detail-body-credit .item-detail{font-size:14px;margin-top:10px}.detail-body-credit .item-detail b{display:block;margin-bottom:5px;font-weight:600;font-size:13px}.title-section{color:#106ffd;font-weight:600;font-size:14px}.history-payed{padding:10px;margin-top:10px}.history-payed .history-items{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;font-size:14px}.history-payed .history-items .item-month .status{font-size:11px;display:flex;align-items:center;gap:5px;margin-top:5px}.row-options h4{margin:17px 0 10px;font-size:15px;color:#106ffd}.row-options .row-options-items{padding:5px 10px}.row-options .row-options-items .item{display:flex;align-items:center;justify-content:space-between;font-size:14px;border-bottom:1px solid silver}.row-options .row-options-items .item:last-child{border-bottom:none}.row-options .row-options-items .item .icon{display:flex;align-items:center;gap:10px}.row-options .row-options-items .item .icon.red{color:red}.row-options .row-options-items .item .icon img{width:25px}.row-options .row-options-items .item mat-icon{width:20px;height:20px;font-size:20px;margin-right:4px;color:#7f7f7f}.validation-password{display:flex;font-size:12px;gap:14px;margin-bottom:11px;color:#ccc}.validation-password .item{text-align:center}.validation-password .item.active{color:#106ffd}.mat-mdc-dialog-surface{border-radius:var(--mat-dialog-container-shape, var(--mat-sys-corner-extra-small, 4px))!important}body.layer .cdk-global-overlay-wrapper{background:#00000069}.filter-right{position:fixed;top:0;right:0;width:400px;height:100vh;background:#fff;z-index:999;box-shadow:2px 0 12px #00000059;padding:15px;transform:translate(450px);transition:.3s}.filter-right.show{transform:translate(0);transition:.3s}.filter-right .filter-header{display:flex;align-items:center;justify-content:space-between}.filter-right .filter-body{margin-top:20px}.layer-filter-right{position:fixed;top:0;width:100%;height:100vh;background:#0000002e;left:0;z-index:998}.custom-card{border:solid 1px silver;border-radius:10px;padding:0}.custom-card .header-card{border-bottom:solid 1px silver;padding:10px;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.custom-card .body-card ul{list-style:none;padding:0 20px}.custom-card .body-card ul li{display:flex;align-items:center;gap:30px;margin-bottom:5px}.custom-card .body-card ul li div{width:200px;color:#000}.status-action{border:solid 1px;display:flex;align-items:center;gap:5px;padding:5px 8px;line-height:1;width:min-content!important;font-size:12px;border-radius:5px}.status-action mat-icon{width:12px;height:12px;font-size:12px}.status-action.yes{color:#34bd31!important}.status-action.no{color:#bf0c0c!important}.status-action.warn{color:#bfa70c!important}.mat-mdc-table tbody,.mat-mdc-table tfoot,.mat-mdc-table thead,.mat-mdc-cell,.mat-mdc-footer-cell,.mat-mdc-header-row,.mat-mdc-row,.mat-mdc-footer-row,.mat-mdc-table .mat-mdc-header-cell{background:#fff!important}.header-title{background:#fff;margin-bottom:10px;padding:10px 20px;border-radius:10px;display:flex;align-items:center;justify-content:space-between}.header-title h2{height:40px;font-size:16px;margin:0;line-height:2.4}.mat-mdc-raised-button[disabled],.mat-mdc-raised-button.mat-mdc-button-disabled{background:silver!important}.search-icon{position:absolute;right:0;cursor:pointer}