.unit-item-pic img[data-v-8d146428]{z-index:2;position:relative;width:102px;height:102px;border-radius:2px;-o-object-fit:cover;object-fit:cover}@media(max-width:991px){.unit-item-pic img[data-v-8d146428]{width:72px;height:72px}}@media(max-width:767px){.unit-item-pic img[data-v-8d146428]{width:56px;height:56px}}[data-v-8d146428],[data-v-8d146428]:after,[data-v-8d146428]:before{margin:0;padding:0;box-sizing:border-box}.arrow-up[data-v-8d146428]:after{content:""!important}.category--tags[data-v-8d146428]{display:flex;gap:4px!important;flex-wrap:wrap;position:relative;max-height:52px;overflow:hidden}.category--tags-item[data-v-8d146428]{font-size:10px;color:#657a84;border:1px solid #98baef;border-radius:4px;padding:2px 4px;background-color:#e1ebfa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.consumable-name-tags[data-v-8d146428]{align-self:flex-start;margin-left:24px}.consumable--item-table-frame[data-v-8d146428]{width:100%}.consumable--item-table-body-row--clickable[data-v-8d146428]{cursor:pointer}.consumable--item-table-sticky[data-v-8d146428]{position:sticky;top:112px;z-index:20;overflow:hidden;background-color:#f2f3f5}.consumable--item-table-sticky__inner[data-v-8d146428]{will-change:transform}.storages--unit-item[data-v-8d146428]{width:100%;overflow-x:auto;overflow-y:visible}.consumable--item-header[data-v-8d146428]{display:flex;align-items:center;background-color:#f2f3f5;padding-top:12px;padding-left:18px;padding-right:18px;padding-bottom:18px}.consumable--item-header-left[data-v-8d146428]{display:flex;flex:1;gap:64px}.consumable--item-header-left-title[data-v-8d146428]{padding:0;margin:0;display:grid;align-items:start;justify-items:start}.consumable--item-header-left-title .label[data-v-8d146428]{font-size:12px;color:#a6b0b7}.consumable--item-header-right[data-v-8d146428]{padding-top:6px}.consumable--item-table[data-v-8d146428]{border-collapse:collapse;table-layout:auto;margin:0 auto;width:100%}.consumable--item-table-head-row[data-v-8d146428]{border-bottom:1px solid #d0d6da}.consumable--item-table-head-row th[data-v-8d146428]{padding:8px 8px;background-color:#f2f3f5;background-clip:padding-box;font-weight:400;line-height:1.8;color:#98a9b0;white-space:nowrap}.consumable--item-table-head__desc[data-v-8d146428]{display:block;transition:color .25s;cursor:pointer;white-space:nowrap}.consumable--item-table-head__desc[data-v-8d146428]:hover{color:#657a84}.consumable--item-table-head__desc[data-v-8d146428]:hover:after{color:#45545b}.consumable--item-table-head__desc.active[data-v-8d146428]{color:#2d383c}.consumable--item-table-head__desc.active[data-v-8d146428]:after{color:#45545b}.consumable--item-table-head__desc[data-v-8d146428]:after{display:inline-block;position:relative;top:1px;font-family:ABUI-icons;line-height:1;color:#ccd4d8;transition:color .25s;content:""}.consumable--item-table-body-row[data-v-8d146428]{cursor:pointer;border-bottom:1px solid #d0d6da;padding:24px}.consumable--item-table-body-row[data-v-8d146428]:hover{background-color:#f0f5fd}.consumable--item-table-body-row td[data-v-8d146428]{padding:6px 12px;font-weight:400;line-height:1.8}@media(max-width:767px){.consumable--item-table-body-row td[data-v-8d146428]{padding:4px 8px}}.consumable--item-table-body-row td.td-consumable-name[data-v-8d146428]{flex-wrap:wrap;width:30%}@media(max-width:767px){.consumable--item-table-body-row td.td-consumable-name[data-v-8d146428]{width:40%}}.consumable--item-table-body-row td.td-consumable-name div[data-v-8d146428]{display:flex;align-items:center}.consumable--item-table-body-row td div.consumable-name-tags[data-v-8d146428]{flex:1 1;display:grid;position:relative}.consumable--item-table--sticky[data-v-8d146428]{max-width:none}.consumable--item__empty[data-v-8d146428]{margin:32px 0;color:#98a9b0;font-size:.875em;text-align:center;line-height:1.75}.consumable--item__image[data-v-8d146428]{display:flex;align-items:center;justify-content:center;width:102px;height:102px;flex-basis:102px;background-position:50%;background-size:cover;background-color:#d0d6da;border-radius:2px}@media(max-width:991px){.consumable--item__image[data-v-8d146428]{width:72px;height:72px;flex-basis:72px}}@media(max-width:767px){.consumable--item__image[data-v-8d146428]{width:56px;height:56px;flex-basis:56px}}.consumable--item__image[data-v-8d146428]:not(.has-image):after{-webkit-font-smoothing:antialiased;font-family:ABUI-icons;font-size:48px;font-weight:400;line-height:1;color:#fff;opacity:.85;content:""}@media(max-width:991px){.consumable--item__image[data-v-8d146428]:not(.has-image):after{font-size:36px}}@media(max-width:767px){.consumable--item__image[data-v-8d146428]:not(.has-image):after{font-size:24px}}.consumable--item-table__col-name[data-v-8d146428]{min-width:320px}.consumable--item-table__col-management-code[data-v-8d146428]{min-width:180px}.consumable--item-table__col-order-point[data-v-8d146428],.consumable--item-table__col-total-stock[data-v-8d146428]{min-width:120px}.consumable--item-table__col-location[data-v-8d146428]{min-width:180px;max-width:300px;width:300px}.consumable--item-table__col-location-stock[data-v-8d146428]{min-width:120px}.consumable--item-table__col-message[data-v-8d146428]{min-width:160px}.location-border[data-v-8d146428]{padding:12px 0;width:125%;border-bottom:2px solid #d0d6da}.location-border[data-v-8d146428]:last-child{border-bottom:none}.location-border.base-name[data-v-8d146428]{width:100%;max-width:300px;min-width:240px;padding:0}.span--black[data-v-8d146428]{color:#2d383c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.span--black.base-name[data-v-8d146428]{display:-webkit-box;max-width:300px;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media(max-width:767px){.span--black.base-name[data-v-8d146428]{display:block;white-space:pre-wrap;overflow:visible;text-overflow:clip;-webkit-line-clamp:unset;-webkit-box-orient:unset}}.span--red[data-v-8d146428]{color:red;white-space:nowrap}@media(max-width:767px){.span--red[data-v-8d146428]{white-space:pre-wrap}}.consumable--item-table-head--measure[data-v-8d146428]{visibility:hidden;height:0;overflow:hidden}.consumable--item-table-head--measure tr[data-v-8d146428]{height:0}.consumable--item-table-head--measure th[data-v-8d146428]{height:0!important;position:static!important;top:auto!important;z-index:auto!important;padding-left:8px!important;padding-right:8px!important;padding-top:0!important;padding-bottom:0!important;border-bottom:0!important;line-height:0!important;overflow:hidden}.consumable--item-table-head--measure span[data-v-8d146428]{display:block;height:0;overflow:hidden}.confirm[data-v-4b93099c]{margin-left:auto}.information--datetime[data-v-4b93099c]{color:#657a84}.break-line[data-v-4b93099c]{white-space:pre-line}.information--type .news--type[data-v-4b93099c]{display:inline-block;margin-top:4px;margin-right:16px;padding:4px 12px;border:1px solid #4284e4;border-radius:100px;background-color:transparent;color:#4284e4;font-size:14px;line-height:1;text-align:center}.center-btn[data-v-4b93099c]{margin:0 auto;width:calc(50% - 12px)}.upgrade[data-v-cb1544f0]{display:block}.upgrade-image img[data-v-cb1544f0]{max-width:400px;width:100%;height:auto}.upgrade-optimal[data-v-cb1544f0]{text-align:center;font-size:34px;font-weight:700}.upgrade-promotion[data-v-cb1544f0]{margin:0;font-size:.875em}.upgrade-footer[data-v-cb1544f0]{display:block;width:100%}.upgrade-footer__menus[data-v-cb1544f0]{margin:0!important;width:100%!important}.upgrade-footer__price[data-v-cb1544f0]{margin:0 0 12px!important;width:100%!important}.upgrade-menus[data-v-cb1544f0]{width:100%}.upgrade-menus__item[data-v-cb1544f0]{cursor:pointer}.found-step--step-upgrade[data-v-cb1544f0]{font-size:16px;font-weight:700;text-align:center}.cancellation-btn[data-v-cb1544f0]{position:absolute;top:24px;right:24px}.support-service[data-v-7f52e788]{display:flex;justify-content:space-between;margin-right:-8px;margin-left:-8px}.support-service__item[data-v-7f52e788]{margin-right:8px;margin-left:8px;flex-direction:column-reverse;justify-content:center;border:1px solid #d0d6da;border-radius:2px;padding:20px;cursor:pointer}.support-service__item[data-v-7f52e788]:hover{border-color:#4284e4}.support-service[data-v-7f52e788] .app-checkbox__checked{left:47%;transform:translateY(-50%);top:30px}.support-service__title[data-v-7f52e788]{position:relative;text-align:center;margin-top:16px;font-size:16px;font-weight:700}.support-service__image[data-v-7f52e788]{text-align:center;margin:0 auto;max-width:100%}.support-service__image1[data-v-7f52e788]{margin:10px 0;width:auto;height:140px}.support-service__image2[data-v-7f52e788]{width:auto;height:160px}.support-service__description[data-v-7f52e788]{font-size:14px;color:#657a84;line-height:20px}.support-service__recommended[data-v-7f52e788]{position:absolute;top:-15px;left:25%;background-color:#4284e4;padding:9px;border-radius:50%;box-shadow:0 0 11px -6px #657a84}.support-service__recommended span[data-v-7f52e788]{position:relative;z-index:1;font-weight:700;font-size:13px;line-height:13px;color:#fff}.support-service__recommended[data-v-7f52e788]:before{content:"";position:absolute;bottom:-10px;right:-8px;margin-top:-15px;border:10px solid transparent;border-left:20px solid #4284e4;z-index:0;transform:rotate(50deg)}.upgrade[data-v-52482d6e]{display:block}.upgrade-image img[data-v-52482d6e]{max-width:400px;width:100%;height:auto}.upgrade-optimal[data-v-52482d6e]{text-align:center;font-size:34px;font-weight:700}.upgrade-promotion[data-v-52482d6e]{margin:0;font-size:.875em}.upgrade-footer[data-v-52482d6e]{display:block;width:100%}.upgrade-footer__menus[data-v-52482d6e]{margin:0!important;width:100%!important}.upgrade-footer__price[data-v-52482d6e]{margin:0 0 12px!important;width:100%!important}.upgrade-menus[data-v-52482d6e]{width:100%}.upgrade-menus__item[data-v-52482d6e]{cursor:pointer}.found-step--step-upgrade[data-v-52482d6e]{font-size:16px;font-weight:700;text-align:center}.cancellation-btn[data-v-52482d6e]{position:absolute;top:24px;right:24px}.pricePlan__table[data-v-52482d6e]{width:100%;border-bottom:1px solid #d0d6da;table-layout:fixed}@media(max-width:767px){.pricePlan__table[data-v-52482d6e]{width:584px}}.pricePlan__th[data-v-52482d6e]{padding:4px;color:#45545b!important;font-size:12px!important;line-height:1.4;vertical-align:bottom}.pricePlan__th[data-v-52482d6e]:last-child{padding-right:8px}.pricePlan__tr.hidden[data-v-52482d6e]{display:none}.pricePlan__annual[data-v-52482d6e],.pricePlan__monthly[data-v-52482d6e]{color:#98a9b0;font-size:15px;text-align:right;width:110px}.pricePlan__annual.selected[data-v-52482d6e],.pricePlan__monthly.selected[data-v-52482d6e]{color:#4284e4}.pricePlan__nums[data-v-52482d6e]{font-size:15px;text-align:right;width:110px}.pricePlan__nums.selected[data-v-52482d6e]{color:#4284e4}.pricePlan__note[data-v-52482d6e]{margin-top:8px;color:#98a9b0;font-size:13px;line-height:1.4}.pricePlan__td[data-v-52482d6e]{padding:6px;border-top:1px solid #d0d6da;line-height:1.4}.pricePlan__td[data-v-52482d6e] .abui-toggle{margin:8px 0 6px!important}.pricePlan__td[data-v-52482d6e] .abui-toggle__circle{flex:20px 0 0}.pricePlan__td[data-v-52482d6e]:first-child{padding-left:8px}.pricePlan__tr.selected[data-v-52482d6e]{background-color:#f5fbff}@media(max-width:767px){.pricePlan_tbl[data-v-52482d6e]{overflow:scroll}}.payment-bank__message[data-v-52482d6e]{padding:12px 16px;background-color:#f9f4dc;color:#d1af21;font-size:14px;text-align:center}.payment-card[data-v-52482d6e]{margin:24px 0}.payment-card__error[data-v-52482d6e]{color:#f55361}[data-v-52482d6e] .app-modal__wrap{max-width:960px}.text-gray[data-v-52482d6e]{color:#657a84}.welcomeStep-logo[data-v-52482d6e]{margin:32px auto 32px;width:340px}.welcomeStep-inner[data-v-52482d6e]{max-width:680px;margin:0 auto}.plan-selection__fukidashi[data-v-52482d6e]{position:absolute;top:-21px;left:-58px;background-color:#4284e4;padding:8px;border-radius:50%;box-shadow:0 0 11px -6px #657a84}.plan-selection__fukidashi span[data-v-52482d6e]{position:relative;z-index:1;font-weight:700;font-size:13px;line-height:13px;color:#fff}.plan-selection__fukidashi[data-v-52482d6e]:before{content:"";position:absolute;bottom:-10px;right:-8px;margin-top:-15px;border:10px solid transparent;border-left:20px solid #4284e4;z-index:0;transform:rotate(50deg)}.plan-selection__td[data-v-52482d6e]{position:relative;padding:6px;border-top:1px solid #d0d6da;line-height:1.4;white-space:nowrap}.plan-selection__td.disabled[data-v-52482d6e]{color:#2d383c}.app-modal__header[data-v-52482d6e]{padding:0 28px 20px}.payment-settings-confirm[data-v-d781f2ac]{margin-bottom:28px}.payment-settings-confirm__table[data-v-d781f2ac]{table-layout:fixed;border-top:1px solid #d0d6da;border-bottom:1px solid #d0d6da;font-size:14px;line-height:1.4;width:100%}.payment-settings-confirm__tr[data-v-d781f2ac]{border-top:1px dotted #d0d6da}.payment-settings-confirm__tr[data-v-d781f2ac]:first-child{border-top:none}.payment-settings-confirm__td[data-v-d781f2ac]{padding:8px}.payment-settings-confirm__name[data-v-d781f2ac]{color:#657a84;width:120px}.payment-details[data-v-d781f2ac]{margin:28px 0}.payment-details__heading[data-v-d781f2ac]{display:flex;align-items:center;margin:8px 0}.payment-details__title[data-v-d781f2ac]{font-weight:700}.payment-details__button[data-v-d781f2ac]{margin-left:auto}.payment-details__table[data-v-d781f2ac]{table-layout:fixed;border-top:1px solid #d0d6da;font-size:14px;line-height:1.4;width:100%}.payment-details__tr[data-v-d781f2ac]{border-top:1px dotted #d0d6da}.payment-details__tr[data-v-d781f2ac]:first-child{border-top:none}.payment-details__td[data-v-d781f2ac]{padding:8px}.payment-details__name[data-v-d781f2ac]{color:#657a84}.payment-details__price[data-v-d781f2ac]{text-align:right;width:120px}.payment-details__amount[data-v-d781f2ac]{text-align:right;font-weight:700}.payment-details__tfoot[data-v-d781f2ac]{background-color:#fff;border-top:1px solid #d0d6da;border-bottom:1px solid #d0d6da}.payment-details__help[data-v-d781f2ac]{margin-top:8px;font-size:14px}.payee-bank[data-v-d781f2ac]{margin:28px 0}.payee-bank__title[data-v-d781f2ac]{margin:8px 0;font-weight:700}.payee-bank__content[data-v-d781f2ac]{padding:8px;border-top:1px solid #d0d6da;border-bottom:1px solid #d0d6da}.payee-bank__note[data-v-d781f2ac]{margin:12px 0;padding-left:24px;list-style-type:disc;font-size:14px;line-height:1.6;color:#657a84}.card-error[data-v-d781f2ac],.payee-bank__note li .has-color{color:#f55361}.radio-icon[data-v-799e303a]{position:relative;width:20px;height:20px;font-size:20px;line-height:20px;color:#98a9b0}.radio-icon.checked[data-v-799e303a]{color:#4284e4}.radio-icon.disabled[data-v-799e303a]{color:#b2bfc4}.radio-icon__unchecked[data-v-799e303a]{transition:color .2s,opacity .2s}.radio-icon__checked[data-v-799e303a]{position:absolute;top:0;left:0;opacity:0;transition:color .2s,opacity .2s}.radio-icon__checked.checked[data-v-799e303a],.radio-icon__checked.hover[data-v-799e303a]{opacity:1}.plan-selection[data-v-7b40d068]{width:100%;table-layout:fixed;border-bottom:1px solid #d0d6da}.plan-selection__th[data-v-7b40d068]{padding:4px;color:#98a9b0;font-size:12px;font-weight:400;line-height:1.2}.plan-selection__th.plan-selection__planName[data-v-7b40d068]{width:22%}.plan-selection__radioIcons[data-v-7b40d068]{margin-left:16px}.plan-selection__tr[data-v-7b40d068]{transition:background-color .25s;cursor:pointer}.plan-selection__tr.recommended[data-v-7b40d068],.plan-selection__tr.selected[data-v-7b40d068]{background-color:#f5fbff}.plan-selection__tr.disabled[data-v-7b40d068]{background-color:#f2f4f5;cursor:default}.plan-selection__td[data-v-7b40d068]{position:relative;padding:6px;border-top:1px solid #d0d6da;line-height:1.4;white-space:nowrap}.plan-selection__td.disabled[data-v-7b40d068]{color:#2d383c}.plan-selection__annualy.selected[data-v-7b40d068],.plan-selection__limit.selected[data-v-7b40d068],.plan-selection__monthly.selected[data-v-7b40d068]{color:#4284e4}.plan-selection__annualy[data-v-7b40d068]{text-align:center;width:22%}.plan-selection__monthly[data-v-7b40d068]{padding-left:6%;text-align:center;width:25%}.plan-selection__spacer[data-v-7b40d068]{width:15%}.plan-selection__limit[data-v-7b40d068]{text-align:right;width:20%}.plan-selection__td.plan-selection__annualy[data-v-7b40d068],.plan-selection__td.plan-selection__limit[data-v-7b40d068],.plan-selection__td.plan-selection__monthly[data-v-7b40d068],.plan-selection__td.plan-selection__planName[data-v-7b40d068]{font-size:15px;text-align:right}.plan-selection__radio[data-v-7b40d068]{display:flex;align-items:center;justify-content:space-between;width:100%}.plan-selection__box[data-v-7b40d068]{display:flex}.plan-selection__boxText[data-v-7b40d068]{position:relative}.plan-selection__td.plan-selection__planName[data-v-7b40d068]{padding:12px;display:flex;justify-content:flex-start}.plan-selection__radioLabel span[data-v-7b40d068]{font-size:13px}.plan-selection__fukidashi[data-v-7b40d068]{position:absolute;top:-35px;right:-15px;background-color:#4284e4;padding:8px;border-radius:50%;box-shadow:0 0 11px -6px #657a84}.plan-selection__fukidashi span[data-v-7b40d068]{position:relative;z-index:1;font-weight:700;font-size:13px;line-height:13px;color:#fff}.plan-selection__fukidashi[data-v-7b40d068]:before{content:"";position:absolute;bottom:-10px;right:-8px;margin-top:-15px;border:10px solid transparent;border-left:20px solid #4284e4;z-index:0;transform:rotate(50deg)}.creditcard-form__error[data-v-7c9eaf92]{position:relative;text-align:center;box-sizing:content-box;padding:16px 0;min-height:20px;font-size:14px;line-height:1.4;color:#f55361}.creditcard-form__spinner[data-v-7c9eaf92]{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.form-control[data-v-7c9eaf92]{transition:background-color .25s,border-color .25s}.card-expire[data-v-7c9eaf92]{position:relative}.card-expire[data-v-7c9eaf92]:after{content:"/";position:absolute;top:50%;left:40.5%;transform:translateY(-50%)}.welcomeStep-loading{width:120%!important;margin-left:-10%}.welcomeStep-logo{margin:32px auto 32px;width:280px}.welcomeStep-logo__image{width:100%;height:auto;margin-top:0;margin-bottom:0}.welcomeStep-text{text-align:center;margin:0 0 24px}.welcomeStep-text-period{text-align:center;background-color:#d0e0f8;color:#4284e4;padding:10px 0;margin:0 15% 24px}.welcomeStep-text2{text-align:center;margin:0 0 12px}.welcomeStep-divider{margin:0 0 24px;border-top-style:dotted;border-top-color:#d0d6da}.welcomeStep-password{display:flex}.welcomeStep-password__input{margin-right:6px}.welcomeStep-password__error{margin-top:4px;font-size:10.856px;line-height:14px;color:#f55361}.welcomeStep-inner{max-width:720px;margin:0 auto}.welcomeStep .step-list{display:flex;align-items:center;justify-content:center;height:80px}.welcomeStep .step-item{display:flex;position:relative;align-items:center;color:#98a9b0;font-size:.75em;text-align:center}.welcomeStep .step-item:after,.welcomeStep .step-item:before{display:block;width:40px;height:2px;background-color:#d0d6da;content:""}.welcomeStep .step-item:first-child:before,.welcomeStep .step-item:last-child:after{background-color:transparent}.welcomeStep .step-item span{display:block;position:absolute;top:-24px;width:100%;white-space:nowrap}.welcomeStep .step-mark{display:block;width:16px;height:16px;border:2px solid #d0d6da;border-radius:8px}.welcomeStep .step-mark.active{border-color:#4284e4}.welcomeStep .step-mark.done{border-color:#4284e4;background-color:#4284e4}.pref-select.feedback-changed,input.feedback-changed{-webkit-animation-name:feedbackChanged;animation-name:feedbackChanged;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:.15s;animation-delay:.15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pref-select button.btn-input{background-color:transparent}@-webkit-keyframes feedbackChanged{0%{background-color:#fff}to{background-color:#e0f3df}}@keyframes feedbackChanged{0%{background-color:#fff}to{background-color:#e0f3df}}.app-modal__footer{display:flex;gap:20px}.app-modal__footer .btn-block{margin:0}.tutorial-title[data-v-575c36e5]{text-align:center;padding-top:24px;font-size:18px;color:#657a84}@media(max-width:767px){.tutorial-title[data-v-575c36e5]{padding-top:16px;font-size:17px}}.tutorial-heading[data-v-575c36e5]{text-align:center;padding-top:20px;margin-bottom:24px;color:#121618;font-size:28px;font-weight:700}@media(max-width:767px){.tutorial-heading[data-v-575c36e5]{padding-top:8px;margin-bottom:12px;font-size:26px;line-height:1.4}}.tutorial-br[data-v-575c36e5]{display:none}@media(max-width:767px){.tutorial-br[data-v-575c36e5]{display:block}}@media(max-width:767px){.tutorial-br2[data-v-575c36e5]{display:none}}.tutorial-text[data-v-575c36e5]{text-align:center;font-size:16px;line-height:1.75;margin-bottom:12px}@media(max-width:767px){.tutorial-text[data-v-575c36e5]{font-size:14px}}@media(max-width:767px){.tutorial-prev[data-v-575c36e5]{display:none}}@media(max-width:767px){.tutorial-next[data-v-575c36e5]{margin:0!important;width:100%!important}}.tutorial-list[data-v-575c36e5]{display:flex;justify-content:center;margin:0;padding:0;padding-top:12px}@media(max-width:991px){.tutorial-list[data-v-575c36e5]{flex-wrap:wrap;padding-top:0}}.tutorial-list-item[data-v-575c36e5]{display:flex;flex-direction:column;align-items:center;width:20%;margin-bottom:16px;padding:0 12px;color:#4284e4;text-align:center}@media(max-width:991px){.tutorial-list-item[data-v-575c36e5]{width:30%}}@media(max-width:767px){.tutorial-list-item[data-v-575c36e5]{width:50%}}.tutorial-list-item-img[data-v-575c36e5]{display:block;width:160px;height:160px;margin-bottom:12px;overflow:hidden;border:3px solid #4284e4;border-radius:80px}@media(max-width:767px){.tutorial-list-item-img[data-v-575c36e5]{width:135px;height:135px}}@media(max-width:359px){.tutorial-list-item-img[data-v-575c36e5]{width:115px;height:115px}}.tutorial-list-item-img img[data-v-575c36e5]{width:100%;height:100%}.tutorial-list-item-text[data-v-575c36e5]{font-size:15px;line-height:1.6}@media(max-width:767px){.tutorial-list-item-text[data-v-575c36e5]{font-size:13px}}@media(max-width:991px){.tutorial-list.settings[data-v-575c36e5]{justify-content:space-between}}.tutorial-list.settings .tutorial-list-item[data-v-575c36e5]{width:25%;margin:0 12px 12px;padding:12px;border-radius:3px;background-color:#d0e0f8;font-size:20px}@media(max-width:991px){.tutorial-list.settings .tutorial-list-item[data-v-575c36e5]{width:31%;margin:0 2px 12px}}.tutorial-list.settings .tutorial-list-item-img[data-v-575c36e5]{height:64px;margin-top:8px;margin-bottom:8px;border:none;border-radius:0}.tutorial-list.settings .tutorial-list-item-img>i[data-v-575c36e5]{color:#fff;font-size:64px}.tutorial-list.settings .tutorial-list-item small[data-v-575c36e5]{display:block;color:#657a84}.tutorial-image[data-v-575c36e5]{width:90%}@media(max-width:767px){.tutorial-image[data-v-575c36e5]{width:100%}.tutorial-image.img-zoom[data-v-575c36e5]{transform:scale(1.5)}}@media(max-width:767px){.tutorial1-imageBox[data-v-575c36e5]{overflow:hidden}.tutorial1-imageBox.distance[data-v-575c36e5]{margin:30px 0 20px}}.btn-primary[data-v-575c36e5]{background-color:#4284e4;color:#fff}.tutorial__button[data-v-1141ab58]{display:flex;z-index:1990;position:fixed;top:50%;right:12px;flex-direction:column;align-items:center;justify-content:center;width:72px;margin-top:-36px;padding:12px 0;border:2px solid #4284e4;border-radius:3px;background-color:#fff;color:#4284e4;font-size:24px;font-weight:400;line-height:1.3;box-shadow:0 3px 8px rgba(18,22,24,.25);cursor:pointer;transition:.25s}.tutorial__button[data-v-1141ab58]:hover{border-color:#e1ebfb;background-color:#e1ebfb;color:#4284e4}.tutorial__button .icon-abui-guide[data-v-1141ab58]{font-weight:700}.tutorial__button span[data-v-1141ab58]{padding-top:8px;font-size:11px}.tutorial__backdrop[data-v-1141ab58]{position:fixed;z-index:1999;top:0;right:0;bottom:0;left:0;background-color:rgba(69,84,91,.8)}.tutorial__backdrop-enter[data-v-1141ab58]{opacity:0}.tutorial__backdrop-enter-active[data-v-1141ab58]{transition:opacity .3s .05s}.tutorial__backdrop-leave-to[data-v-1141ab58]{opacity:0}.tutorial__backdrop-leave-active[data-v-1141ab58]{transition:opacity .2s .25s}[data-v-1f685938] .vgt-table td{font-size:14px}.usage-history-table-root[data-v-1f685938]{min-width:0}.usage-table-wrapper[data-v-1f685938]{margin-bottom:12px;min-height:300px;max-height:400px;overflow-y:auto}[data-v-1f685938] td.usage-date-col,[data-v-1f685938] th.usage-date-col{width:130px;min-width:130px;max-width:130px;white-space:normal;word-break:break-word;vertical-align:middle}[data-v-1f685938] td.usage-date-col span{white-space:normal;word-break:break-word}[data-v-1f685938] td.usage-consumable-col,[data-v-1f685938] th.usage-consumable-col{width:260px;min-width:260px;max-width:260px;vertical-align:middle}[data-v-1f685938] td.usage-user-col,[data-v-1f685938] th.usage-user-col{width:200px;min-width:200px;max-width:200px}[data-v-1f685938] td.usage-quantity-col,[data-v-1f685938] th.usage-quantity-col{width:100px;min-width:100px;max-width:100px;text-align:center}[data-v-1f685938] td.usage-status-col,[data-v-1f685938] th.usage-status-col{width:140px;min-width:140px;max-width:140px;vertical-align:middle}[data-v-1f685938] td.usage-place-col,[data-v-1f685938] th.usage-place-col{width:200px;min-width:200px;max-width:200px}[data-v-1f685938] td.usage-remark-col,[data-v-1f685938] th.usage-remark-col{width:220px;min-width:220px;max-width:220px;vertical-align:middle}.usage-cell-text[data-v-1f685938]{display:block;min-width:0;max-width:100%;white-space:normal;word-break:break-word}.usage-user-cell[data-v-1f685938]{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;max-width:100%}.usage-pagination[data-v-1f685938]{margin-top:8px}.usage-consumable-cell[data-v-1f685938]{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;max-width:100%}.usage-detail-name[data-v-1f685938]{font-weight:600;white-space:normal;word-break:break-word;max-width:100%}.usage-place-cell[data-v-1f685938]{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.35}.usage-place-line[data-v-1f685938]{display:block;white-space:normal;word-break:break-word}.usage-status[data-v-1f685938]{color:#657a84}.usage-category-badge[data-v-1f685938]{display:inline-block;max-width:100%;padding:2px 6px;box-sizing:border-box;color:#333;background-color:#e1ebfa;font-size:11px;font-weight:400;line-height:1.35;border:1px solid #4383e4;border-radius:4px;white-space:normal;word-break:break-word}.usage-category-list[data-v-1f685938]{display:flex;flex-wrap:wrap;gap:4px;width:100%;min-width:0}.usage-type-badge[data-v-1f685938]{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;min-width:44px;max-width:100%;padding:2px 8px;border-radius:12px;font-size:14px;line-height:1.2;white-space:normal;word-break:break-word;box-sizing:border-box}.usage-type-badge--type1[data-v-1f685938]{color:#3b82f6;background:#eff6ff;border:1px solid #3b82f6}.usage-type-badge--type2[data-v-1f685938]{color:#22c55e;background:#f0fdf4;border:1px solid #22c55e}.usage-type-badge--type3[data-v-1f685938]{color:#fbbf24;background:#fffbeb;border:1px solid #fbbf24}.usage-type-badge--type4[data-v-1f685938]{color:#ef4444;background:#fef2f2;border:1px solid #ef4444}.usage-type-badge--type5[data-v-1f685938]{color:#16a34a;background:#f0fdf4;border:1px solid #16a34a}.usage-type-badge--type6[data-v-1f685938]{color:#f59e0b;background:#fffbeb;border:1px solid #f59e0b}.usage-type-badge--type7[data-v-1f685938]{color:#8b5cf6;background:#f5f3ff;border:1px solid #8b5cf6}.usage-type-badge--type8[data-v-1f685938]{color:#06b6d4;background:#ecfeff;border:1px solid #06b6d4}.usage-type-badge--type9[data-v-1f685938]{color:#4ade80;background:#f0fdf4;border:1px solid #4ade80}.usage-type-badge--type10[data-v-1f685938]{color:#dc2626;background:#fef2f2;border:1px solid #dc2626}.usage-type-badge--type11[data-v-1f685938]{color:#0891b2;background:#ecfeff;border:1px solid #0891b2}[data-v-1f685938] td.usage-text-left,[data-v-1f685938] th.usage-text-left{text-align:left}[data-v-1f685938] td.usage-text-right,[data-v-1f685938] th.usage-text-right{text-align:right}[data-v-1f685938] th.usage-text-left .vgt-sort-wrapper{width:100%;display:inline-flex;align-items:center;justify-content:flex-start}[data-v-1f685938] th.usage-text-right .vgt-sort-wrapper{width:100%;display:inline-flex;align-items:center;justify-content:flex-end}[data-v-1f685938] th.usage-text-center .vgt-sort-wrapper{width:100%;display:inline-flex;align-items:center;justify-content:center}[data-v-1f685938] td.usage-wrap{white-space:normal;word-break:break-word}.consumable-history-shell[data-v-1ccc6f62]{margin-bottom:0}.usage-filter-strip[data-v-1ccc6f62]{background:#fff;padding:12px 8px;border:1px solid #d0d6da;margin-bottom:0;border-radius:4px}.usage-filter-group[data-v-1ccc6f62]{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px}.usage-filter-header[data-v-1ccc6f62]{display:flex;align-items:center;gap:8px}.usage-filter-controls[data-v-1ccc6f62]{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.usage-filter-label[data-v-1ccc6f62]{color:#657a84;font-size:14px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;display:inline-flex;align-items:center}.usage-toolbar[data-v-1ccc6f62]{display:flex;align-items:flex-end;justify-content:space-between;width:100%;gap:8px;flex-wrap:wrap;min-width:0}.usage-toolbar-left[data-v-1ccc6f62]{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;min-width:0;flex:1 1 auto}.usage-filter-select[data-v-1ccc6f62]{width:128px;min-width:120px}.usage-history-filter-select[data-v-1ccc6f62]{width:200px;min-width:200px}[data-v-1ccc6f62] .usage-history-filter-select .filter-option{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-v-1ccc6f62] .usage-filter-strip .usage-filter-select .bootstrap-select.btn-group.select-sm>.dropdown-toggle{height:36px;min-height:36px;display:flex;align-items:center;padding-top:0;padding-bottom:0;box-sizing:border-box}[data-v-1ccc6f62] .usage-filter-strip .usage-filter-select .bs-searchbox>input[type=text]{height:36px;border-radius:18px;border-color:#eff2f2;background:#fff}.usage-date-range[data-v-1ccc6f62]{display:flex;flex-wrap:nowrap;align-items:center;gap:4px 6px}.usage-date-picker[data-v-1ccc6f62]{flex:0 1 128px;min-width:120px;margin-bottom:0}[data-v-1ccc6f62] .usage-filter-strip .usage-date-picker .form-control.input-sm{height:36px;min-height:36px;line-height:20px;padding-top:0;padding-bottom:0;box-sizing:border-box}.usage-date-sep[data-v-1ccc6f62]{color:#657a84;font-size:14px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;align-items:center;min-height:36px}.usage-date-presets[data-v-1ccc6f62]{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.usage-preset-btn[data-v-1ccc6f62]{display:inline-flex;align-items:center;justify-content:center;height:36px;min-height:36px;padding:0 12px;font-size:14px;line-height:1;color:#657a84;background:#fff;border:1px solid #d0d6da;border-radius:4px;box-sizing:border-box;cursor:pointer}.usage-preset-btn[data-v-1ccc6f62]:hover{background:#f5f8fa}.usage-preset-btn--active[data-v-1ccc6f62]{color:#3a82f5;background:#e8f1ff;border-color:#3a82f5;font-weight:600}.usage-csv-btn[data-v-1ccc6f62]{flex:0 0 auto;align-self:flex-end;display:inline-flex;align-items:center;white-space:nowrap;cursor:pointer;height:36px;min-height:36px;font-size:14px;padding:0 10px;gap:4px;text-align:center;line-height:1;box-sizing:border-box;border-radius:4px}.usage-csv-btn__icon[data-v-1ccc6f62]{font-size:14px}.usage-csv-btn[data-v-1ccc6f62]:disabled{cursor:not-allowed;opacity:.65}.usage-tab-label-row[data-v-1ccc6f62]{width:100%;margin-top:8px;border-bottom:3px solid #e3e9ec;box-sizing:border-box}.usage-section-heading[data-v-1ccc6f62]{display:inline-block;margin:0 0 -3px;padding:8px;padding-top:0;font-size:18px;background:transparent;border-bottom:3px solid #3a82f5;position:relative;z-index:1;color:#4284e4}.usage-history-card[data-v-1ccc6f62]{background:#fff;border:1px solid #d0d6da;border-radius:4px;padding:16px 16px 12px;margin-top:12px}.usage-history-card__title[data-v-1ccc6f62]{margin:0 0 12px;font-size:16px;font-weight:600;color:#333}.usage-history-card h6[data-v-1ccc6f62]{margin:0 0 12px}@media(min-width:1280px){.usage-toolbar-left[data-v-1ccc6f62]{flex-wrap:nowrap}}.remove-status-cd[data-v-1ccc6f62]{cursor:pointer;color:#4284e4;font-size:14px}.section[data-v-36937170]{padding:32px}.text-warning .pagination>.active>span[data-v-36937170]:hover,.text-warning a[data-v-36937170]:hover{color:#6fa1ea}[data-v-36937170] .unit-item--management-code,[data-v-36937170] .unit-item--name{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.first-item[data-v-36937170]{margin-bottom:16px;padding:24px 24px 12px;border-radius:2px;background-color:#d0e0f8}.first-item.row[data-v-36937170]{margin-right:-12px;margin-left:-12px}.first-item-eyecatch.first[data-v-36937170]{top:0;flex-direction:column;height:auto;font-size:56px}.first-item-eyecatch[data-v-36937170]{display:flex;position:relative;top:-4px;align-items:center;justify-content:center;height:64px;color:#fff;font-size:64px;line-height:1;text-align:center}.first-item-eyecatch.first .first-item-lead[data-v-36937170]{display:block}.first-item-eyecatch .first-item-lead[data-v-36937170]{display:none;padding-top:12px;color:#4284e4;font-size:21px}.first-item-eyecatch .first-item-lead+.btn[data-v-36937170]{width:64px;height:64px;margin-bottom:16px;border-radius:32px}[data-v-36937170] .bs-searchbox>input[type=text]{height:36px;border-radius:18px;border-color:#eff2f2;background:#fff}.selected .storage-location-name span[data-v-36937170]:last-child:before{color:#fff}.storage-location-name span[data-v-36937170]:last-child:before{content:"";padding:4px 2px 0 0;color:#657a84;font-family:ABUI-icons;font-size:75%;text-transform:none;content:""}.new-item-btn[data-v-36937170]{background-color:transparent;color:#4284e4;display:flex;gap:8px;align-items:strech;font-size:16px}.panel[data-v-36937170]{margin-bottom:0!important;font-size:36px;border:1px solid #d0d6da;border-radius:1px;background-color:#fff;font-size:14px;cursor:pointer;text-decoration:underline}.panel-danger[data-v-36937170]{background-color:#ecd5db;color:#d35265}.panel-body[data-v-36937170]{padding:12px 16px}.panel-body-inner[data-v-36937170]{align-items:center}.panel-temp[data-v-36937170]{border:1px solid #d0d6da;border-radius:1px;background-color:#fff;font-size:16px}.panel-danger-temp[data-v-36937170]{background-color:#ecd5db;color:#d35265;border-color:#d35265}.panel-body-inner-link[data-v-36937170]{cursor:pointer;text-decoration:underline;display:flex;justify-content:flex-end;align-items:center}.search[data-v-36937170]{margin-bottom:24px}.tabs-container[data-v-36937170]{display:flex;align-items:center;position:relative;margin-bottom:24px}.tabs-container[data-v-36937170] :first-child{margin-left:20px}.tab[data-v-36937170]{padding:6px 12px;background-color:#fff;border-top-left-radius:8px;border-top-right-radius:8px;font-weight:700;color:#3a82f5;border:1px solid #3a82f5;border-bottom:none;cursor:pointer;position:relative}.tab.active[data-v-36937170]{border-bottom:1px solid #fff;z-index:100}.tab-line[data-v-36937170]{height:1px;width:100%;background-color:#3a82f5;position:absolute;bottom:0;left:0;right:0}