lib-pajakio-v2 1.0.0

package/dist/library-frontend-pajakio.css

@@ -0,0 +1 @@
+.title-bold[data-v-20636b69]{font-weight:700;font-size:24px;line-height:36px;letter-spacing:-.01em}.title-regular[data-v-20636b69]{font-weight:400;font-size:24px;line-height:36px;letter-spacing:-.01em}.heading-bold[data-v-20636b69]{font-weight:700;font-size:18px;line-height:36px;letter-spacing:-.02em}.heading-regular[data-v-20636b69]{font-weight:400;font-size:18px;line-height:36px;letter-spacing:-.02em}.body-1-bold[data-v-20636b69]{font-weight:700;font-size:14px;line-height:36px;letter-spacing:0}.body-1-regular[data-v-20636b69]{font-weight:400;font-size:14px;line-height:36px;letter-spacing:0}.body-2-bold[data-v-20636b69]{font-weight:700;font-size:12px;line-height:16px;letter-spacing:0}.body-2-regular[data-v-20636b69]{font-weight:400;font-size:12px;line-height:16px;letter-spacing:0}.caption-bold[data-v-20636b69]{font-weight:700;font-size:10px;line-height:16px;letter-spacing:.02em}.caption-regular[data-v-20636b69]{font-weight:400;font-size:10px;line-height:16px;letter-spacing:.02em}.base-btn{font-size:14px;font-weight:700;border-radius:6px;transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid transparent}.base-btn.full-btn{width:100%;padding:8px 20px}.base-btn.medium-btn{padding:8px 20px}.base-btn.small-btn{padding:8px 8px}.primary-btn{background:#3e7dc0;border-color:#3e7dc0;color:#fff}.primary-btn svg>g{fill:#fff}.primary-btn:hover{background:#32649a radial-gradient(circle,transparent 1%,#32649a 0) 50%/15000%;border-color:#32649a}.primary-btn:active{background-size:100%;background-color:#c5d8ec;border-color:#c5d8ec;transition:background 0s}.primary-btn.disabled,.primary-btn:disabled{background:#c5d8ec;border-color:#c5d8ec;pointer-events:none}.danger-btn{background:#e03021;border-color:#e03021;color:#fff}.danger-btn svg>g{fill:#fff}.danger-btn:hover{background:#b3261a radial-gradient(circle,transparent 1%,#b3261a 0) 50%/15000%;border-color:#b3261a}.danger-btn:active{background-size:100%;background-color:#f6c1bc;border-color:#f6c1bc;transition:background 0s}.danger-btn.disabled,.danger-btn:disabled{background:#f6c1bc;border-color:#f6c1bc;pointer-events:none}.success-btn{background:#0fa85e;border-color:#0fa85e;color:#fff}.success-btn svg>g{fill:#fff}.success-btn:hover{background:#0c864b radial-gradient(circle,transparent 1%,#0c864b 0) 50%/15000%;border-color:#0c864b}.success-btn:active{background-size:100%;background-color:#b7e5cf;border-color:#b7e5cf;transition:background 0s}.success-btn.disabled,.success-btn:disabled{background:#b7e5cf;border-color:#b7e5cf;pointer-events:none}.secondary-btn{color:#3e7dc0;background:#fff;border-color:#d4d7d8}.secondary-btn:hover{background:#fff;border-color:#8bb1d9}.secondary-btn:active{background-color:#f1f6fb;border-color:#8bb1d9;background-size:100%;transition:background 0s}.secondary-btn.disabled,.secondary-btn:disabled{background:#fff;color:#c5d8ec;pointer-events:none}.secondary-btn.disabled svg>g,.secondary-btn:disabled svg>g{fill:#c5d8ec}.color-text-border:hover{border-color:unset}.tertiary-btn{color:#3e7dc0;background:transparent;border-color:transparent}.tertiary-btn svg>g{fill:#3e7dc0}.tertiary-btn:hover{color:#32649a}.tertiary-btn:active{color:#3e7dc0;transition:background 0s}.tertiary-btn.disabled,.tertiary-btn:disabled{color:#c5d8ec;cursor:not-allowed}.tertiary-btn.disabled svg>g,.tertiary-btn:disabled svg>g{fill:#c5d8ec}.tertiary-danger-btn{color:#e03021;background:transparent;border-color:transparent}.tertiary-danger-btn svg>g{fill:#e03021}.tertiary-danger-btn:hover{color:#b3261a}.tertiary-danger-btn:active{color:#e03021;transition:background 0s}.tertiary-danger-btn.disabled,.tertiary-danger-btn:disabled{color:#f6c1bc;cursor:not-allowed}.tertiary-danger-btn.disabled svg>g,.tertiary-danger-btn:disabled svg>g{fill:#f6c1bc}.base-table{font-family:Avenir;border-collapse:collapse;width:100%;text-align:left}.base-table tr:hover>td{background:#f5f6f7}.base-table th{border-bottom:1px solid #ddd;padding:8px 8px 12px;color:#272b30;font-size:14px}.base-table th div{display:flex;align-items:center;width:-moz-fit-content;width:fit-content}.base-table th div svg{height:16px;width:16px;margin-left:4px;cursor:pointer}.base-table th div svg g{fill:#a9b0b8}.base-table td{transition:all .3s;padding:16px 8px;border-bottom:1px solid #d4d7d8;font-size:14px;color:#383e45}.base-table td svg{height:20px;width:20px;cursor:pointer}.base-table .selected:hover>td,.base-table .selected>td{background:#eef9f4}.base-table .base-checkbox-group .label:after{left:0}.breadcrumbs{display:flex;align-items:center;color:#6f7c89}.breadcrumbs-label{cursor:pointer}.breadcrumbs .body-2-bold{cursor:default;pointer-events:none;line-height:normal}.breadcrumbs .body-2-regular{line-height:normal}.breadcrumbs .body-2-regular:hover{color:#3e7dc0}.dashboard-footer{display:flex;align-items:center;justify-content:space-between;font-size:12px;flex-wrap:wrap;gap:8px 16px}.dashboard-footer .copyright{color:#a3a3a3}.dashboard-footer ul{padding:0;list-style:none;margin:0;display:flex}.dashboard-footer ul li{margin-right:32px}.dashboard-footer ul li a{text-decoration:none;color:#3e7dc0;font-weight:600;cursor:pointer}.dashboard-footer ul li:last-child{margin-right:0}@media(max-width:768px){.dashboard-footer{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 0;font-size:11px}.dashboard-footer ul{width:100%;flex-wrap:wrap;gap:8px 16px}.dashboard-footer ul li{margin-right:0}}@media(max-width:480px){.dashboard-footer{align-items:center;text-align:center}.dashboard-footer ul{justify-content:center}}.select{font-size:15px;display:flex;position:relative;justify-content:center;cursor:pointer}.select .active-dropdown,.select .value-dropdown-company:hover{border-color:#3e7dc0!important}.select .card-view{padding:8px 16px;border:1px solid #d4d7d8;border-radius:6px}.select .search-container{margin:12px 16px;padding:10px;border:1px solid #b3b3b4;border-radius:8px}.select .search-container input{border:none;outline:none}.select *{box-sizing:border-box}.select-options{background-color:#fff}.select-options,.select .card-options{font-size:14px;position:absolute;z-index:1001;top:0;opacity:0;margin-top:10px;width:100%;height:0;max-height:0;overflow:hidden;box-shadow:6px 6px 10px #e8e8e8;transition:all .3s cubic-bezier(.075,.82,.165,1);z-index:-99}.select .card-options{max-width:350px;background-color:#fff;box-sizing:border-box;padding:0;background:#fff;border:1px solid #b3b3b4;box-shadow:2px 4px 8px hsla(0,0%,86.7%,.5);border-radius:8px}.select-option{cursor:pointer;top:100%}.select-option:hover{background-color:rgba(62,125,192,.2)}.select .card-option{cursor:pointer;padding:12px 16px;top:100%}.select-overlay{position:fixed;left:0;right:0;bottom:0;top:0;z-index:1000}.select.disabled{opacity:.5}.select.disabled .select-label div{cursor:not-allowed}.select.disabled .select-label:hover{color:#4c4c4c;cursor:default}.select.opened .card-options,.select.opened .select-options{top:100%;opacity:1;z-index:999999;height:-moz-max-content;height:max-content;max-height:200px;overflow:auto}.dashboard-header{position:relative;width:auto;background:#fff;padding:14px 32px;min-height:72px;display:flex;align-items:center;justify-content:space-between}.dashboard-header .header-left{flex:1}.dashboard-header .header-right{display:flex;align-items:center;gap:24px}.dashboard-header .company-card{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:1px solid #d6dde5;border-radius:6px;padding:10px 14px;min-height:60px;box-shadow:none}.dashboard-header .company-card:hover{background:#f6f8fa}.dashboard-header .company-info{display:flex;flex-direction:column}.dashboard-header .company-name{font-weight:700;font-size:13px;color:#24344d;margin:0 0 4px 0;line-height:1.2}.dashboard-header .company-npwp{margin:0;font-size:12px;color:#8f9bac;line-height:1.2}.dashboard-header .chevron{transition:all .3s ease;margin-left:12px;color:#7a8595}.dashboard-header .notification{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;color:#7a8595}.dashboard-header .notification svg{width:22px;height:22px}.dashboard-header .notif-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;background:#e64c4c;border-radius:50%}.dashboard-header .divider{width:1px;height:32px;background:#dfe4eb}.dashboard-header .user-summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 10px;border-radius:8px;border:1px solid transparent;transition:background .2s ease,border-color .2s ease}.dashboard-header .user-summary.active,.dashboard-header .user-summary:hover{background:rgba(62,125,192,.1019607843);border-color:rgba(62,125,192,.2)}.dashboard-header .avatar{height:36px;width:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;font-weight:600;color:#2f3f55;background:#b9d1ef;flex-shrink:0}.dashboard-header .user-text{display:flex;flex-direction:column;line-height:1.2}.dashboard-header .user-name{margin:0;font-weight:700;font-size:14px;color:#2f3f55}.dashboard-header .user-role{margin:2px 0 0 0;font-size:12px;color:#90a0b3}.dashboard-header .caret{color:#7a8595;transition:transform .2s ease}.dashboard-header .dropdown-panel{position:absolute;top:48px;right:0;background:#fff;width:260px;z-index:2;border-radius:8px}.dashboard-header .overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.dashboard-header .select-box{max-width:249px;font-size:12px;font-weight:700}.dashboard-header .select-box svg{height:24px;width:24px}.dashboard-header .select-box__current{box-shadow:none}.dashboard-header .select-box__input:checked+.select-box__input-text{display:flex;flex-flow:column}.dashboard-header .select-box__list{min-width:-moz-max-content;min-width:max-content}.dashboard-header .select-box__item-name{padding-left:20px}.dashboard-header .action-menu{display:flex;align-items:center;position:relative}.dashboard-header .action-menu .body-1-bold{line-height:normal}.dashboard-header .action-menu .item-menu{background:#fff;display:flex;align-items:center}.dashboard-header .action-menu .item-menu:hover{background-color:rgba(62,125,192,.2)}.dashboard-header .active svg{transform:rotate(180deg)}@media(max-width:768px){.dashboard-header{align-items:stretch;gap:12px;padding:12px 16px}.dashboard-header .header-left{width:100%}.dashboard-header .header-right{justify-content:space-between;gap:1px}.dashboard-header .divider{display:none}.dashboard-header .company-card{min-height:54px;padding:10px 12px}.dashboard-header .user-summary{justify-content:space-between;padding:8px 0 8px 12px}.dashboard-header .user-text{display:none;min-width:0}.dashboard-header .user-name,.dashboard-header .user-role{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:480px){.dashboard-header .notification{width:22px;height:22px}.dashboard-header .avatar{height:32px;width:32px;font-size:12px}.dashboard-header .user-name{font-size:13px}.dashboard-header .user-role{font-size:11px}}.form-input .label-top{display:flex;flex-flow:column}.form-input .label-top .typo-text{margin-bottom:8px}.form-input .label-left{display:flex}.form-input .label-left .typo-text{margin-right:12px;height:37px;align-self:flex-start;display:flex;align-items:center;min-width:-moz-fit-content;min-width:fit-content}.form-input .group-input .icon-right{right:0}.form-input .group-input:focus-within .keyboard_arrow_down{transform:rotate(180deg)}.form-input .wrap-slot{display:flex;position:relative}.form-input .slot-left{border-radius:6px 0 0 6px;border:1px solid #d4d7d8}.form-input .slot-left,.form-input .slot-right{align-self:center;display:flex;align-items:center;color:#6f7c89;background:#d4d7d8;padding:0 12px;font-weight:700;font-size:14px;height:35px}.form-input .btn-on-input,.form-input .slot-right{border-radius:0 6px 6px 0;border:1px solid #d4d7d8}.form-input .btn-on-input{align-self:center;display:flex;align-items:center;color:#fff;background:#3e7dc0;padding:0 12px;font-weight:700;font-size:14px;height:35px;white-space:nowrap;cursor:pointer}.form-input input{border:1px solid #d4d7d8;background:#fff;border-radius:6px;padding:8px 16px;outline:none;font-size:14px;color:#383e45;max-width:-webkit-fill-available}.form-input input:focus,.form-input input:hover{border-color:#3e7dc0}.form-input input::-moz-placeholder{color:#a9b0b8}.form-input input::placeholder{color:#a9b0b8}.form-input input:disabled{background:#f5f6f7;border-color:#d4d7d8}.form-input .error,.form-input .error:focus,.form-input .error:hover{border-color:#e03021}.form-input input[type=number]::-webkit-inner-spin-button,.form-input input[type=number]::-webkit-outer-spin-button{display:none}.form-input .helper-text{font-size:10px;margin-top:4px;color:#383e45}.form-input .error-helper{color:#e03021}.form-input .disabled-slot{color:#a9b0b8}.form-input .padding-icon-left{padding-left:40px}.form-input .padding-icon-right{padding-right:40px}.form-input .border-slot-left{border-radius:0 6px 6px 0}.form-input .border-slot-right{border-radius:6px 0 0 6px}.form-input .tag-code{padding:4px 6.5px;background:#f9f9f9;font-size:14px;font-weight:900;position:absolute;margin-left:16px}.form-input .padding-tag-code{padding-left:62px}.select-box[data-v-ac096d18]{position:relative;display:block;width:100%;margin:0 auto;font-size:14px}.select-box .disabled[data-v-ac096d18]{pointer-events:none}.select-box .disabled .select-box__input-text[data-v-ac096d18]{background:#f5f6f7}.select-box .readonly[data-v-ac096d18]{pointer-events:none}.select-box__current[data-v-ac096d18]{position:relative;box-shadow:0 15px 30px -10px rgba(0,0,0,.1);cursor:pointer;outline:none;border:1px solid #d4d7d8;border-radius:6px;min-height:35px}.select-box__current:focus+.select-box__list[data-v-ac096d18]{opacity:1;animation-name:none}.select-box__current:focus+.select-box__list .select-box__option[data-v-ac096d18]{cursor:pointer}.select-box__current:focus .select-box__icon[data-v-ac096d18]{transform:translateY(-50%) rotate(180deg)}.select-box__icon[data-v-ac096d18]{position:absolute;top:50%;right:15px;transform:translateY(-50%);width:20px;transition:.2s ease}.select-box__value[data-v-ac096d18]{display:flex}.select-box__input[data-v-ac096d18]{display:none}.select-box__input:checked+.select-box__input-text[data-v-ac096d18]{display:block}.select-box__input-text[data-v-ac096d18]{display:none;width:100%;margin:0;padding:8px 16px;padding-right:40px;background-color:#fff;border-radius:6px;color:#383e45;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-box__input-text span[data-v-ac096d18]{margin-top:1px;font-weight:400}.select-box__list[data-v-ac096d18]{position:absolute;width:calc(100% - 2px);list-style:none;opacity:0;animation-name:HideList-ac096d18;animation-duration:.5s;animation-delay:.5s;animation-fill-mode:forwards;animation-timing-function:step-start;top:0;margin:0;border:1px solid #d4d7d8;box-shadow:0 1px 6px rgba(11,60,93,.12),0 4px 18px 3px rgba(46,50,52,.08);border-radius:6px;padding:4px 0;background:#fff;max-height:450px;overflow:auto;min-width:-moz-fit-content;min-width:fit-content;z-index:9}.select-box__list[data-v-ac096d18]::-webkit-scrollbar{width:8px}.select-box__list[data-v-ac096d18]::-webkit-scrollbar-track{background:#d4d7d8;border-radius:0 6px 6px 0}.select-box__list[data-v-ac096d18]::-webkit-scrollbar-thumb{background:#a9b0b8;border-radius:20px}.select-box__list[data-v-ac096d18]::-webkit-scrollbar-thumb:hover{background:#555}.select-box__option[data-v-ac096d18]{padding:12px 16px;background-color:#fff;color:#383e45;transition:all .3s;font-weight:700}.select-box__option.select-active[data-v-ac096d18],.select-box__option[data-v-ac096d18]:focus{background-color:#3e7dc0;color:#fff}.select-box__option[data-v-ac096d18]:hover{background-color:#c5d8ec}.select-box__placeholder[data-v-ac096d18]{color:#d4d7d8;font-weight:400}.select-box__item-name[data-v-ac096d18]{font-weight:400}.select-box .helper-text[data-v-ac096d18]{font-size:10px;margin-top:4px;color:#383e45;display:flex;align-items:center}.select-box .error[data-v-ac096d18]{border-color:#e03021}.select-box .error-helper[data-v-ac096d18]{color:#e03021}.select-box .label-top[data-v-ac096d18]{display:flex;flex-flow:column}.select-box .label-top .typo-text[data-v-ac096d18]{margin-bottom:8px}@keyframes HideList-ac096d18{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.dropdown{width:auto}.dropdown .dropdown-content{border:1px solid #fff;transition:all .3s}.dropdown .dropdown-content .base-checkbox-group{padding:14px 38px 14px 19px;min-width:-moz-max-content;min-width:max-content}.dropdown .dropdown-content .base-checkbox-group .label{margin-right:11px}.dropdown .dropdown-content .base-checkbox-group:hover{background:#f5f6f7}.search .dropdown{display:flex;justify-content:center}.search .dropdown .select-box__list{position:relative}.search .dropdown .form-input{z-index:3}.search .dropdown .dropdown-content{width:calc(100% + 32px);margin-top:-12px;padding-top:60px}.disabled-dropdown .dropdown .form-input,.readonly-dropdown .dropdown .dropdown-multiple-tag svg,.readonly-dropdown .dropdown .form-input{pointer-events:none}.disabled-dropdown .dropdown .form-input input{background:#f5f6f7;border-color:#d4d7d8}.disabled-dropdown .dropdown .base-btn{background:#fff;color:#c5d8ec;pointer-events:none}.disabled-dropdown .dropdown .dropdown-multiple-tag{background:#f5f6f7}.disabled-dropdown .dropdown .dropdown-multiple-tag svg{pointer-events:none}.date-picker .wrap-action-footer{display:flex;justify-content:right;margin-top:-16px}.date-picker .wrap-action-footer .primary-btn{background:#3e7dc0!important;border-color:#3e7dc0!important;color:#fff!important}.date-picker .picker-month{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff}.date-picker .icon-date{position:absolute;top:0;right:0;margin:8px 11px 0 0;cursor:pointer}.date-picker input{cursor:pointer}.date-picker *{box-sizing:border-box}.date-picker .calendar{padding:24px;background:#fff;width:-moz-fit-content;width:fit-content}.date-picker .calendar .wrap-month{max-width:292px}.date-picker .calendar .wrap-month .month{width:calc(33.33333% - 2px);padding:10px 0;color:#383e45;font-size:12px;text-align:center;cursor:pointer;margin:0 1px}.date-picker .calendar .wrap-month .selected{color:#fff;font-weight:700}.date-picker .calendar .header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;color:#383e45;margin-bottom:16px}.date-picker .calendar .header .arrow{font-size:1.8rem;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-grow:0;cursor:pointer;color:#3e7dc0}.date-picker .calendar .header .title{flex-grow:1;font-size:14px;font-weight:700;text-align:center}.date-picker .calendar .header #day,.date-picker .calendar .header #month{cursor:pointer}.date-picker .calendar .header #day .dropdown .dropdown-content,.date-picker .calendar .header #month .dropdown .dropdown-content{min-width:-moz-fit-content;min-width:fit-content;margin-left:-12px}.date-picker .calendar .header #day .dropdown .dropdown-content .wrap-option,.date-picker .calendar .header #month .dropdown .dropdown-content .wrap-option{overflow:auto;max-height:160px}.date-picker .calendar .header #day .dropdown .dropdown-content .wrap-option .active,.date-picker .calendar .header #month .dropdown .dropdown-content .wrap-option .active{background:#e8f2fb}.date-picker .calendar .weekdays{display:flex;margin:0 -1px;justify-content:center}.date-picker .calendar .weekday{width:37px;height:40px;display:flex;justify-content:center;align-items:center;color:#6f7c89;cursor:default;font-size:12px;font-weight:700;margin:0 1px}.date-picker .calendar .week{display:flex;margin:0 -1px;justify-content:center}.date-picker .calendar .day{display:flex;justify-content:center;align-items:center;color:#383e45;cursor:pointer;width:37px;height:36px;font-size:12px;font-weight:400}.date-picker .calendar .day:hover,.date-picker .calendar .month:hover{background:#c5d8ec;border-radius:6px}.date-picker .calendar .today{border-bottom:2px solid #3e7dc0}.date-picker .calendar .not-in-month{cursor:default;pointer-events:none}.date-picker .calendar .selected,.date-picker .calendar .selected:hover{background:#3e7dc0;border-radius:6px;color:#fff}.date-picker .calendar .dragged,.date-picker .calendar .dragged:hover{background-color:#b8e5f6;color:#383e45;border-radius:0;font-weight:400}.date-picker .calendar .disabled{background:#f5f6f7!important;color:#d4d7d8!important;pointer-events:none;border-radius:6px}.date-picker .calendar .start-date{border-left:4px solid #11aae2}.date-picker .calendar .end-date{border-right:4px solid #11aae2}.range-picker .calendar .header{align-items:flex-start}.range-picker .wrap-month .selected{color:#383e45!important;font-weight:400}.range-picker .wrap-month .selected,.range-picker .wrap-month .selected:hover{background-color:#c5d8ec;border-radius:0}.range-picker .wrap-month .disabled{color:#d4d7d8!important}.range-picker .wrap-month .month{margin:0!important;width:33.3333333333%!important}.wrap-outline{width:100%;height:100vh;top:0;position:fixed;left:0;z-index:1}.dropdown{position:relative;display:inline-block}.dropdown a,.dropdown button{position:relative;z-index:2}.dropdown .dropdown-content{display:none;position:absolute;min-width:105px;overflow:auto;z-index:2;box-shadow:0 1px 6px rgba(11,60,93,.12),0 4px 18px 3px rgba(46,50,52,.08);border-radius:6px;border:1px solid #d4d7d8;background:#fff;padding:4px 0;font-size:14px}.dropdown .dropdown-content a{color:#383e45;padding:8px 12px;text-decoration:none;display:block}.dropdown .dropdown-content button{color:#383e45;font-size:14px;padding:8px 12px;width:100%;min-width:-moz-max-content;min-width:max-content;border:none;background:none;text-align:left;cursor:pointer}.dropdown .dropdown-content a:hover,.dropdown .dropdown-content button:hover{background-color:#f5f6f7}.dropdown .dropdown-content .danger{color:#e03021}.dropdown .show{display:block}.dropdown-multiple-tag[data-v-e46f716e]{padding:4px 16px;background:#fff;border:1px solid #d4d7d8;border-radius:6px;align-self:stretch;align-items:center;display:flex;justify-content:space-between;min-width:100px}.dropdown-multiple-tag .placeholder[data-v-e46f716e]{color:#d4d7d8}.dropdown-multiple-tag .arrow-up[data-v-e46f716e]{transform:rotate(180deg)}.dropdown-multiple-tag svg[data-v-e46f716e]{cursor:pointer}.dropdown-multiple-tag .item-tag[data-v-e46f716e]{background:#d4d7d8;border-radius:4px;padding:2px 4px;font-weight:700;font-size:12px;color:#383e45;display:flex;align-items:center;margin:4px 0}.dropdown-multiple-tag .item-tag svg[data-v-e46f716e]{margin-left:4px}.dropdown-multiple-tag ul[data-v-e46f716e]{list-style:none;padding:0;display:flex;flex-wrap:wrap;margin:0;width:100%}.dropdown-multiple-tag ul li[data-v-e46f716e]{margin-right:8px}.select-box[data-v-dadd07e2]{position:relative;display:block;width:100%;margin:0 auto;font-size:14px}.select-box__list[data-v-dadd07e2]{position:absolute;width:calc(100% - 2px);padding:0;list-style:none;opacity:1;animation-duration:.5s;animation-delay:.5s;animation-fill-mode:forwards;animation-timing-function:step-start;top:0;margin:0;padding:4px 0;background:#fff;max-height:200px;overflow:auto;z-index:9}.select-box__list .tag-code[data-v-dadd07e2]{background:#f9f9f9;padding:4px 6.5px;border-radius:4px;margin-right:8px;font-weight:900}.select-box__list .tag-label[data-v-dadd07e2]{font-size:12px;font-weight:900;background:#dbdbdb;padding:4px 8px;border-radius:4px;margin-left:8px}.select-box__list[data-v-dadd07e2]::-webkit-scrollbar{width:8px}.select-box__list[data-v-dadd07e2]::-webkit-scrollbar-track{background:#d4d7d8;border-radius:6px}.select-box__list[data-v-dadd07e2]::-webkit-scrollbar-thumb{background:#a9b0b8;border-radius:20px}.select-box__list[data-v-dadd07e2]::-webkit-scrollbar-thumb:hover{background:#555}.select-box__option[data-v-dadd07e2]{padding:12px 16px;background-color:#fff;color:#383e45;transition:all .3s;font-weight:700;cursor:pointer;line-break:auto;text-align:right}.select-box__option.select-active[data-v-dadd07e2],.select-box__option[data-v-dadd07e2]:focus,.select-box__option[data-v-dadd07e2]:hover{background-color:#f5f6f7}.select-box__item-name[data-v-dadd07e2]{font-weight:400}.select-box__item-name .label-tag[data-v-dadd07e2]{background:#dbdbdb;font-size:12px;padding:4px 8px;border-radius:4px;color:#b3b3b4;font-weight:700;margin-right:20px}.select-box__empty[data-v-dadd07e2]{font-weight:400}.base-checkbox-group,.base-radio-group{cursor:pointer;display:flex;align-items:center;font-size:14px}.base-checkbox-group .label-box,.base-radio-group .label-box{width:18px;height:18px;font-size:12px;border:2px solid;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-right:8px;font-weight:800}.base-checkbox-group .bg-active,.base-radio-group .bg-active{background:#6f7c89}.base-checkbox-group .iconToggle g,.base-radio-group .iconToggle g{transition:all .3s}.base-checkbox-group svg,.base-radio-group svg{position:absolute;left:-4px;top:-4px}.base-checkbox-group .label,.base-radio-group .label{align-self:center;margin-right:10px;width:14px;height:14px;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all .3s}.base-checkbox-group .label.checkbox,.base-radio-group .label.checkbox{position:relative}.base-checkbox-group .label:after,.base-radio-group .label:after{content:"";position:absolute;margin:1px;width:14px;height:14px;background:#43a047;transform:scale(0);transition:all .2s ease;opacity:.08;pointer-events:none}.base-checkbox-group:hover .label:after,.base-radio-group:hover .label:after{transform:scale(2.5);border-radius:50%}.base-checkbox-group:hover g,.base-radio-group:hover g{fill:#6fcb9e}.base-checkbox-group .base-checkbox,.base-checkbox-group .base-radio,.base-radio-group .base-checkbox,.base-radio-group .base-radio{display:none}.base-checkbox-group .base-checkbox:disabled+.label,.base-radio-group .base-checkbox:disabled+.label{pointer-events:none}.base-checkbox-group .base-checkbox:disabled+.label:after,.base-radio-group .base-checkbox:disabled+.label:after{background:#59636e;transform:scale(1.2)}.toggle-small .label:after{width:10px;height:10px;top:1px}.base-radio-group{cursor:pointer;display:flex;align-items:center;font-size:14px}.base-radio-group .iconToggle g{transition:all .3s}.base-radio-group svg{position:absolute;left:-4px;top:-4px}.base-radio-group .label{align-self:center;margin-right:10px;width:14px;height:14px;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all .3s}.base-radio-group .label.checkbox{position:relative}.base-radio-group .label:after{content:"";position:absolute;margin:1px;width:14px;height:14px;background:#43a047;transform:scale(0);transition:all .2s ease;opacity:.08;pointer-events:none}.base-radio-group:hover .label:after{transform:scale(2.5);border-radius:50%}.base-radio-group:hover g{fill:#6fcb9e}.base-radio-group .base-radio{display:none}.base-radio-group .base-radio:disabled+.label{pointer-events:none;border-radius:50%}.base-radio-group .base-radio:disabled+.label:after{background:#59636e;transform:scale(1.2);border-radius:50%}.disabled:hover g{fill:#d4d7db}.toggle-small{font-size:12px}.toggle-small .label:after{width:11px;height:11px;top:.25px}.toggle-small .label{margin-right:7px}.toggle-small svg{left:-3.5px;top:-3px}.form-switch[data-v-7b52b7b6]{position:relative;display:inline-block;width:40px;height:24px;border:2px solid #a9b0b8;border-radius:24px;transition:all .3s}.form-switch input[data-v-7b52b7b6]{opacity:0;width:0;height:0}.form-switch input:checked+.slider[data-v-7b52b7b6]{background-color:#b7e5cf}.form-switch input:focus+.slider[data-v-7b52b7b6]{box-shadow:0 0 1px #2196f3}.form-switch input:checked+.slider[data-v-7b52b7b6]:before{transform:translateX(18px);background-color:#0fa85e}.form-switch[data-v-7b52b7b6]:hover{border-color:#59636e}.form-switch:hover .slider[data-v-7b52b7b6]:before{background-color:#59636e}.form-switch:hover input:checked+.slider[data-v-7b52b7b6]:before{background-color:#0c864b}.form-switch:hover input:checked+.slider[data-v-7b52b7b6]{background-color:#6fcb9e}.slider[data-v-7b52b7b6]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#f5f6f7;transition:.4s}.slider[data-v-7b52b7b6]:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:4px;background-color:#a9b0b8;transition:.4s}.slider.round[data-v-7b52b7b6]{border-radius:24px}.slider.round[data-v-7b52b7b6]:before{border-radius:50%}.disabled[data-v-7b52b7b6]{border-color:#d4d7d8}.disabled .slider[data-v-7b52b7b6]:before{background-color:#d4d7d8}.disabled input:checked+.slider[data-v-7b52b7b6]:before{background-color:#b7e5cf}.disabled input:checked+.slider[data-v-7b52b7b6]{background-color:#eef9f4}.disabled[data-v-7b52b7b6]:hover{border-color:#d4d7d8}.disabled:hover .slider[data-v-7b52b7b6]:before{background-color:#d4d7d8}.disabled:hover input:checked+.slider[data-v-7b52b7b6]{background:#eef9f4}.disabled:hover input:checked+.slider[data-v-7b52b7b6]:before{background:#b7e5cf}.side-nav{background:#fff;min-height:100vh;width:78px;padding:23px 0 28px;position:relative;transition:width .25s ease;box-shadow:inset -1px 0 0 #e4e9ef}.side-nav--open{width:268px}.side-nav__header{padding:0 22px 18px 22px;position:relative;min-height:52px;display:flex;align-items:center;border-bottom:1px solid #f5f6f7}.side-nav__logo{height:32px;max-width:160px;transition:transform .2s ease,opacity .2s ease}.side-nav__logo--collapsed{transform:scale(.92);opacity:.95;max-width:38px}.side-nav__toggle{position:absolute;right:-14px;height:28px;width:28px;border-radius:50%;border:1px solid #d8dee6;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.08);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.side-nav__toggle.is-closed{transform:rotate(180deg)}.side-nav__toggle-icon{width:20px;height:20px}.side-nav__content{display:flex;flex-direction:column;margin-top:4px}.side-nav__divider{height:1px;background:#edf0f4;margin:4px 18px;transition:width .2s ease}.side-nav__group{display:flex;flex-direction:column}.side-nav__group-item{position:relative}.side-nav__group-item.is-disabled{cursor:not-allowed;filter:grayscale(100%);opacity:.75}.side-nav__item{border:none;background:transparent;display:flex;align-items:center;width:100%;max-width:calc(100% - 32px);text-align:left;padding:8px 12px;margin:4px 16px;border-radius:8px;color:#383e45;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease;position:relative;min-height:48px;gap:12px;box-sizing:border-box}.side-nav__item:hover{background:#f1f5fa}.side-nav__item.is-active{background:#e8f1fb;box-shadow:inset 0 0 0 1px #c4d7ec;color:#2d7cc5;font-weight:700}.side-nav__label{color:inherit;display:inline-flex;align-items:center}.side-nav__label .body-1-bold,.side-nav__label .body-1-regular{min-width:-moz-max-content;min-width:max-content;line-height:normal}.side-nav__badge{display:inline;align-items:center;padding:2px 6px;margin-left:6px;background:#b7e5f6;border-radius:3px;font-weight:700;color:#095571;font-size:11px}.side-nav__arrow{margin-left:auto;transition:transform .2s ease;display:flex}.side-nav__arrow.is-open{transform:rotate(180deg)}.side-nav__children{overflow:visible;transition:all .3s ease}.side-nav__child{border:none;background:transparent;width:calc(100% - 32px);padding:8px 12px 8px 48px;margin:4px 16px;text-align:left;display:flex;align-items:center;color:#383e45;gap:8px;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease;border-radius:10px}.side-nav__child:hover{background:#f1f5fa}.side-nav__child.is-active{background:#e8f1fb;box-shadow:inset 0 0 0 1px #c4d7ec;color:#2d7cc5;font-weight:700}.side-nav__child-label{color:inherit}.side-nav__tooltip{display:inline-flex}.side-nav__tooltip:before{left:-10px!important}.side-nav__tooltip:after{left:3px!important}.side-nav__group-item.is-disabled .side-nav__child,.side-nav__group-item.is-disabled .side-nav__item{cursor:not-allowed}.side-nav:not(.side-nav--open){width:78px}.side-nav:not(.side-nav--open) .side-nav__header{padding:0 16px 18px 16px}.side-nav:not(.side-nav--open) .side-nav__item{justify-content:start;padding:8px 12px;margin:4px auto;max-width:calc(100% - 20px)}.side-nav:not(.side-nav--open) .side-nav__item svg{margin-left:6px}.side-nav:not(.side-nav--open) .side-nav__divider{width:36px}@media(max-width:768px){.side-nav{position:fixed;inset:0 auto 0 0;height:100vh;padding:12px 0 16px;width:72px;z-index:20;box-shadow:4px 0 12px rgba(0,0,0,.06);transition:width .25s ease}.side-nav--open{width:268px}.side-nav__header{padding:0 16px 14px 16px;min-height:56px}.side-nav__logo{height:28px}.side-nav__toggle{top:10px;right:-12px}.side-nav__item{margin:6px 12px;padding:10px 10px;gap:10px}.side-nav__divider{margin:8px 14px;width:auto}.side-nav__child{padding:8px 12px 8px 12px}.side-nav:not(.side-nav--open){width:0;padding:0}.side-nav:not(.side-nav--open) .side-nav__content,.side-nav:not(.side-nav--open) .side-nav__divider,.side-nav:not(.side-nav--open) .side-nav__logo{display:none}.side-nav.side-nav--open .side-nav__toggle{position:absolute;right:-12px;top:10px}}.snackbar .wrap-snackbar{border-radius:6px;padding-left:16px;padding-right:16px;line-height:140%;font-size:14px;color:#383e45}.snackbar .wrap-snackbar svg{min-width:-moz-fit-content;min-width:fit-content;align-self:flex-start}.snackbar .wrap-snackbar p{line-height:140%}.snackbar .wrap-snackbar .action{display:flex;margin-left:12px;cursor:pointer}.snackbar .wrap-snackbar .action svg{width:16px;height:16px}.snackbar .wrap-snackbar .action .tertiary-btn{padding:0;font-size:12px;font-weight:400}.snackbar .danger{background:#fdf0ef;border:1px solid #f6c1bc}.snackbar .danger .action svg>g{fill:#e03021}.snackbar .danger .tertiary-btn{color:#e03021}.snackbar .success{background:#eef9f4;border:1px solid #b7e5cf}.snackbar .success .action svg>g{fill:#0fa85e}.snackbar .success .tertiary-btn{color:#0fa85e}.snackbar .warning{background:#fffaed;border:1px solid #fcd168}.snackbar .warning .action svg>g{fill:#c88f02}.snackbar .warning .tertiary-btn{color:#c88f02}.snackbar .info{background:#f1f6fb;border:1px solid #8bb1d9}.snackbar .info .action svg>g{fill:#3e7dc0}.snackbar .info .tertiary-btn{color:#3e7dc0}.snackbar.size-full{width:100%}.snackbar.size-full .wrap-snackbar{border-radius:0;border-top:none;border-left:none;border-right:none}.snackbar.size-normal{max-width:400px}.stepper[data-v-3b0e2793]{display:flex;transition:all .3s}.stepper .wrap-step[data-v-3b0e2793]{display:flex;align-items:center}.stepper .body-1-bold[data-v-3b0e2793]{font-weight:700;font-size:14px}.stepper .body-1-regular[data-v-3b0e2793]{font-weight:400;font-size:14px}.stepper svg[data-v-3b0e2793]{background:#0fa85e;border-radius:50%;padding:2px}.stepper .icon-number[data-v-3b0e2793]{border-radius:50%;background:#fff;border:1px solid #d4d7d8;height:20px;width:20px;display:flex;align-items:center;justify-content:center;transition:all .3s}.stepper .body-1-regular[data-v-3b0e2793]{color:#6f7c89}.stepper .body-1-bold[data-v-3b0e2793],.stepper .body-1-regular[data-v-3b0e2793]{margin-left:6px}.stepper-active[data-v-3b0e2793]{color:#3e7dc0}.stepper-active .icon-number[data-v-3b0e2793]{color:#fff;background:#3e7dc0}.stepper-done[data-v-3b0e2793]{color:#0fa85e}.stepper-line[data-v-3b0e2793]{width:28px;margin:0 8px;transition:all .3s}.stepper .line-default[data-v-3b0e2793]{border:1px solid #a9b0b8}.stepper .line-done[data-v-3b0e2793]{border:1px solid #0fa85e}.stepper .line-active[data-v-3b0e2793]{border:1px solid #3e7dc0}.table-pagination{color:#383e45;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px}.table-pagination .pagination-center{margin:0 auto}.table-pagination .pagination-center ul{display:flex;flex-wrap:wrap;list-style:none;padding:0 10px;margin:0;align-items:center;justify-content:center}.table-pagination .pagination-center ul li{display:flex;cursor:pointer;height:24px;min-width:24px;align-items:center;justify-content:center;border-radius:6px;transition:all .3s}.table-pagination .pagination-center ul li:hover{background:#f1f6fb}.table-pagination .pagination-center ul .page-number{margin-right:8px;transition:none}.table-pagination .pagination-center ul .ellipsis{cursor:default}.table-pagination .pagination-center ul .ellipsis:hover{background:none}.table-pagination .pagination-center ul .active,.table-pagination .pagination-center ul .active:hover{background:#3e7dc0;color:#fff}.table-pagination .pagination-center .disabled{pointer-events:none}.table-pagination .pagination-right{display:flex;align-items:center}.table-pagination .pagination-right .select-box{margin-left:16px}.table-pagination .body-1-regular{min-width:-moz-max-content;min-width:max-content;line-height:normal}@media(max-width:640px){.table-pagination{flex-direction:column;align-items:stretch}.table-pagination .pagination-left,.table-pagination .pagination-right{width:100%;justify-content:center;text-align:center;display:flex}.table-pagination .pagination-center{order:-1;width:100%}.table-pagination .pagination-right .select-box{margin-left:8px}}.tab-menu[data-v-0bda7a66]{color:#14375e;display:flex;border-bottom:1px solid #d4d7d8;position:relative;font-size:14px;background:#fff;width:-moz-fit-content;width:fit-content}.tab-menu .tab-item[data-v-0bda7a66]{cursor:pointer;transition:all .2s;z-index:1;line-height:1;text-align:center;padding:16px 13px}.tab-menu .py-3[data-v-0bda7a66]{padding-top:12px;padding-bottom:12px}.tab-menu .tab-item[data-v-0bda7a66]:hover{color:#3e7dc0}.tab-menu .line-active[data-v-0bda7a66]{position:absolute;bottom:0;background:#3e7dc0;height:2px;z-index:1}.tab-menu .active-tab[data-v-0bda7a66]{color:#3e7dc0;font-weight:700;background:#fff}.tab-menu[data-v-0bda7a66]::-webkit-scrollbar{opacity:0;height:0}.loader-btn[data-v-72479d13]{position:relative;left:0;border:3px solid #fff;border-radius:50%;border-top:3px solid #3e7dc0;width:15px;height:15px;animation:spin-72479d13 1.5s linear infinite}@keyframes spin-72479d13{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-dialog{position:fixed;top:0;left:0;height:calc(100vh - 40px);width:calc(100% - 40px);padding:20px;align-items:center;justify-content:center;z-index:1050;display:none;overflow:hidden}.modal-dialog .wrap-content{border-radius:4px}.modal-dialog .overlay-content{z-index:1;width:100%;position:relative;height:100vh;overflow-x:hidden;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;align-content:center}.modal-dialog .content-dialog{position:relative;z-index:9;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);background:#fff;border-radius:8px;margin:50px auto}.modal-dialog .overlay{position:fixed;top:0;left:0;opacity:.46;background-color:#212121;height:100%;width:100%;z-index:1}.show-modal-dialog{display:flex;animation:fadeIn .3s;animation-fill-mode:forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-input .form-input-tag[data-v-a4d35e3e]{border:1px solid #d4d7d8;background:#fff;padding:8px 16px;display:flex;flex-wrap:wrap}.form-input .form-input-tag .item-tag[data-v-a4d35e3e]{background:#d4d7d8;border-radius:4px;padding:2px 4px 2px 7px;font-weight:700;font-size:12px;color:#383e45;display:flex;align-items:center;margin:4px 8px 4px 0}.form-input .form-input-tag .item-tag svg[data-v-a4d35e3e]{margin-left:4px;cursor:pointer}.form-input .form-input-tag[data-v-a4d35e3e]:focus,.form-input .form-input-tag[data-v-a4d35e3e]:hover{border-color:#3e7dc0}.form-input .form-input-tag input[data-v-a4d35e3e]{font-size:14px;color:#383e45;border:none;outline:none;padding:0}.form-input .form-input-tag input[data-v-a4d35e3e]::-moz-placeholder{color:#a9b0b8}.form-input .form-input-tag input[data-v-a4d35e3e]::placeholder{color:#a9b0b8}.form-input .form-input-tag input[data-v-a4d35e3e]:disabled{background:transparent}.form-input .disabled[data-v-a4d35e3e]{pointer-events:none;background:#f5f6f7}.form-input .error[data-v-a4d35e3e],.form-input .error[data-v-a4d35e3e]:focus,.form-input .error[data-v-a4d35e3e]:hover{border-color:#e03021}.form-input .helper-text[data-v-a4d35e3e]{font-size:10px;margin-top:4px;color:#383e45}.form-input .error-helper[data-v-a4d35e3e]{color:#e03021}.form-input .label-top[data-v-a4d35e3e]{display:flex;flex-flow:column}.form-input .label-top .typo-text[data-v-a4d35e3e]{margin-bottom:8px}.form-input .label-left[data-v-a4d35e3e]{display:flex}.form-input .label-left .typo-text[data-v-a4d35e3e]{margin-right:12px;height:37px;align-self:flex-start;display:flex;align-items:center;min-width:-moz-fit-content;min-width:fit-content}.form-textarea .no-resize{resize:none}.form-textarea .label-top{display:flex;flex-flow:column}.form-textarea .label-top .typo-text{margin-bottom:8px}.form-textarea .label-left{display:flex}.form-textarea .label-left .typo-text{margin-right:12px;height:37px;align-self:flex-start;display:flex;align-items:center;min-width:-moz-fit-content;min-width:fit-content}.form-textarea textarea{border:1px solid #d4d7d8;background:#fff;border-radius:6px;padding:8px 16px;outline:none;font-size:14px;color:#383e45;max-width:-webkit-fill-available;resize:vertical}.form-textarea textarea:focus,.form-textarea textarea:hover{border-color:#3e7dc0}.form-textarea textarea::-moz-placeholder{color:#a9b0b8}.form-textarea textarea::placeholder{color:#a9b0b8}.form-textarea textarea:disabled{background:#f5f6f7;border-color:#d4d7d8}.form-textarea .error,.form-textarea .error:focus,.form-textarea .error:hover{border-color:#e03021}.form-textarea .helper-text{font-size:10px;margin-top:4px;color:#383e45}.form-textarea .error-helper{color:#e03021}.expansion-panel .expand-content{transition:all .3s;max-height:0;overflow:hidden}.expansion-panel .expand-header{cursor:pointer;border-bottom:1px solid #3e7dc0;display:flex;align-items:center;justify-content:space-between}