body,html{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[data-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-top:0;margin-bottom:1em}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}button,input,optgroup,select,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}body{font-size:16px}*,body{font-family:Be Vietnam Pro,sans-serif}*{margin:0;padding:0;box-sizing:border-box}input{line-height:25px}.radio-button{display:flex;align-items:center;cursor:pointer}.radio-button .label{margin-left:5px}input.right{text-align:right}.color-red{color:red}.color-green{color:green}.under-line{border:none;border-bottom:1px solid gray}.main-left{max-width:calc(100vw - 400px)}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:#fff}body::-webkit-scrollbar-thumb{background-color:#00ab55;border-radius:20px}*{scrollbar-color:#ccc #fcfcfc}*,.menu-wrapper{scrollbar-width:thin}.menu-wrapper{scrollbar-color:#eee #fff}.list-tab-items{scrollbar-width:thin;scrollbar-color:#ccc #ddd}::-webkit-scrollbar{width:5px;height:8px}::-webkit-scrollbar-track{background:transparent;width:2px}::-webkit-scrollbar-thumb{background-color:gray;border-radius:20px;height:5px;width:5px;max-height:5px;position:absolute;top:1000px}.main-body{padding-top:64px}.flex{display:flex}.flex-1{flex:1 1}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.cursor-pointer{cursor:pointer}.font-bold{font-weight:700}button{outline:none;border:none;text-align:center;cursor:pointer}a{text-decoration:none}.text-xl{font-size:1.25rem;line-height:1.75rem}.w-full{width:100%}.m-2{margin:.5rem}.ml-10{margin-left:2.5rem}.mr-2{margin-right:.5rem}.ml-5{margin-left:1.25rem}.hidden{display:none}a{cursor:pointer}.red{color:red}.green{color:#00ab55}.bold{font-weight:700}.ant-btn-primary{box-shadow:none}#cashbook-list{flex:1 1}#cashbook-list .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#cashbook-list .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#cashbook-list .head-bar .head-right{display:flex;align-items:center}#cashbook-list .head-bar button{background:#00ab55;color:#fff;border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px;margin-left:20px}#cashbook-list .head-bar button:hover{transform:scale(1.1)}#cashbook-list .head-bar button.expenses{background-color:red}#cashbook-list .head-bar ion-icon{font-size:25px;margin-right:5px}#cashbook-list .statistic-wrapper{padding-top:10px}#cashbook-list .statistic-wrapper .statistic{box-shadow:0 8px 24px hsla(210,8%,62%,.2);border-radius:5px}#cashbook-list .statistic-wrapper .statistic .above{display:flex;align-items:center;justify-content:space-between;color:gray;font-weight:500}#cashbook-list .statistic-wrapper .statistic .below{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}#cashbook-list .statistic-wrapper .statistic .statistic-expenses{flex:1 1;text-align:center;padding:10px 0}#cashbook-list .statistic-wrapper .statistic .statistic-expenses .number{color:red;font-size:20px}#cashbook-list .statistic-wrapper .statistic .statistic-revenue{flex:1 1;text-align:center;padding:10px 0}#cashbook-list .statistic-wrapper .statistic .statistic-revenue .number{color:#00ab55;font-size:20px}#cashbook-list .statistic-wrapper .statistic .time{background:#fff}#cashbook-list .statistic-wrapper .statistic .chart,#cashbook-list .statistic-wrapper .statistic .time{padding:10px 0;display:flex;align-items:center;justify-content:center;flex:1 1;color:gray;cursor:pointer}#cashbook-list .statistic-wrapper .statistic .chart ion-icon,#cashbook-list .statistic-wrapper .statistic .time ion-icon{margin-left:10px}#cashbook-list .statistic-wrapper .statistic .time:hover{color:#00ab55}#cashbook-list .customer-table{padding-top:10px}#cashbook-list .customer-table .body-content{padding:0 20px 20px;border-bottom:1px solid #ddd}#cashbook-list .customer-table table{width:100%}#cashbook-list .customer-table thead th{height:50px;background-color:#ddd;color:gray}#cashbook-list .customer-table thead th:first-child{border-top-left-radius:10px}#cashbook-list .customer-table thead th:last-child{border-top-right-radius:10px}#cashbook-list .customer-table thead th.stt{text-align:left;padding-left:20px}#cashbook-list .customer-table thead th.category{padding-left:20px}#cashbook-list .customer-table thead th.category,#cashbook-list .customer-table thead th.time,#cashbook-list .customer-table thead th.type-of-money{text-align:left}#cashbook-list .customer-table thead th.green,#cashbook-list .customer-table thead th.red{text-align:right}#cashbook-list .customer-table thead th.note{text-align:center}#cashbook-list .customer-table tbody tr:nth-child(2n){background-color:#ebf8f2}#cashbook-list .customer-table tbody td{padding:25px 0;color:gray;font-weight:500}#cashbook-list .customer-table tbody td.category,#cashbook-list .customer-table tbody td.stt{text-align:left;padding-left:20px}#cashbook-list .customer-table tbody td.category .label-category{padding:5px;background:#ddd;border-radius:5px}#cashbook-list .customer-table tbody td.time,#cashbook-list .customer-table tbody td.type-of-money{text-align:left}#cashbook-list .customer-table tbody td.type-of-money .label-money{padding:5px;border-radius:5px;border:1px solid #ddd}#cashbook-list .customer-table tbody td.red{text-align:right;color:red;font-weight:500;min-width:100px}#cashbook-list .customer-table tbody td.green{text-align:right;color:#00ab55;font-weight:500;min-width:100px}#cashbook-list .customer-table tbody td.note{min-width:100px;padding-left:30px;word-break:break-word;max-width:300px}#cashbook-list .customer-table tbody tr:hover{background-color:#ebf8f2;cursor:pointer}#cashbook-list .wrapper{box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#cashbook-list .search-box{margin-bottom:20px;display:flex;align-items:center;padding-top:20px}#cashbook-list .search-box .input-wrapper{position:relative;width:40%}#cashbook-list .profile{display:flex;align-items:center;font-weight:500}#cashbook-list .profile img{width:40px;height:40px;border-radius:100%;margin-right:10px}#cashbook-list .phone{font-weight:500}#cashbook-list .footer-content{display:flex;align-items:center;justify-content:center;padding:10px}#cashbook-list .footer-content .page{padding:5px 10px;border-radius:5px;border:1px solid #ddd;margin:0 5px;display:flex;align-items:center;justify-content:center;color:#00ab55;cursor:pointer}#cashbook-list .red{color:red}#cashbook-list .green{color:#00ab55}#modal-time .modal{transform:translateY(-20%)}#modal-time .title{font-weight:500;font-size:18px}#modal-time .list-option-time{display:flex;flex-wrap:wrap;justify-content:flex-start}#modal-time .list-option-time button{white-space:nowrap;padding:5px 10px;border-radius:5px;border:1px solid gray;color:gray;margin-bottom:20px;transition:all .2s ease}#modal-time .list-option-time button:hover{background-color:#ebf8f2;color:#00ab55}#modal-time .list-option-time button.active{background-color:#00ab55;color:#fff;border:1px solid #00ab55}.global-error-alert{background-color:red;position:fixed;bottom:25px;right:25px;border-radius:5px;padding:20px 10px;animation:alertUp .1s linear}.global-error-alert.left{left:25px;right:auto}.global-error-alert .content{color:#fff}.global-error-alert .close{position:absolute;right:-5px;top:-5px;background-color:gray;display:flex;border-radius:100%;color:#fff;align-items:center;justify-content:center;cursor:pointer}.global-success-alert{background-color:#00ab55;position:fixed;bottom:25px;right:25px;border-radius:5px;padding:20px 10px;animation:alertUp .1s linear}.global-success-alert.left{left:25px;right:auto}.global-success-alert .content{color:#fff}.global-success-alert .close{position:absolute;right:-5px;top:-5px;background-color:gray;display:flex;border-radius:100%;color:#fff;align-items:center;justify-content:center;cursor:pointer}.global-create-order-sucess-alert{background-color:#00ab55;position:fixed;bottom:25px;left:5px;border-radius:5px;padding:20px 10px;animation:alertUp .1s linear}.global-create-order-sucess-alert .content{color:#fff}.global-create-order-sucess-alert a{margin-left:20px;font-weight:700;color:#fff}.global-create-order-sucess-alert .close{position:absolute;right:-5px;top:-5px;background-color:gray;display:flex;border-radius:100%;color:#fff;align-items:center;justify-content:center;cursor:pointer}@keyframes alertUp{0%{bottom:0}to{bottom:25px}}.color-primary{color:#00ab55}.color-blue{color:#1890ff}.color-back{color:#000}.color-gray{color:gray}.chat-notification{position:fixed;top:20px;right:70px;z-index:103;border-radius:100%;background-color:#00ab55}.chat-notification .icon-chat{display:flex;align-items:center;font-size:25px;cursor:pointer;color:#fff}.chat-notification .counter{position:absolute;color:#fff;top:-8px;right:0;font-weight:700;font-size:10px;background-color:red;border-radius:5px;display:flex;align-items:center;padding:0 2px;height:15px;pointer-events:none}.notifications{position:fixed;top:20px;right:25px;z-index:103;background-color:#00ab55;border-radius:100%}.notifications .counter{position:absolute;color:#fff;top:-8px;right:0;font-weight:700;font-size:10px;background-color:red;border-radius:5px;display:flex;align-items:center;padding:0 2px;height:15px;pointer-events:none}.notifications .icon-bell{display:flex;align-items:center;font-size:25px;color:#fff;cursor:pointer}.notifications .wrapper-notifies{position:absolute;right:0;top:45px;width:300px;background-color:#f0f0f0;border-radius:5px;padding-top:30px}.notifications .wrapper-notifies.counter-0{padding-top:0}.notifications .wrapper-notifies.counter-0 .mark-read-all{display:none}.notifications .wrapper-notifies .mark-read-all{top:0;display:flex;align-items:center;justify-content:flex-end;padding:5px;color:gray;cursor:pointer;width:100%;position:absolute}.notifications .wrapper-notifies .mark-read-all:active{background-color:#ddd}.notifications .wrapper-notifies .mark-read-all span{display:flex;align-items:center}.notifications .wrapper-notifies .mark-read-all .icon{margin-left:5px}.notifications .wrapper-notifies .load-more-notify{padding:5px;display:flex;justify-content:center;background-color:#00ab55;color:#fff;cursor:pointer}.notifications .list-notifies{background-color:#ebf8f2;box-shadow:0 8px 24px hsla(210,8%,62%,.2);max-height:500px;overflow-y:auto}.notifications .notify-item{padding:10px;cursor:pointer;transition:all .2s ease;background-color:#ddd;border-top:1px solid #ccc}.notifications .notify-item .time{color:gray;font-size:14px}.notifications .notify-item:first-child{border-top:none}.notifications .notify-item.unread{background-color:#ebf8f2}.notifications .notify-item.unread .title{color:#00ab55}.notifications .notify-item:hover{background-color:#00ab55;color:#fff}.notifications .notify-item:hover.unread .title{color:#fff}.notifications .notify-item .title{font-weight:700}.notifications .notify-item .body{font-size:14px}.notifications .notify-item .other-shop{font-size:14px;color:#00ab55}.notifications .notify-item .other-shop .shop-name{color:#222;font-weight:700}.notifications .empty-alert{color:gray;text-align:center}.fnb-drawer .ant-drawer-body{padding:0!important}.fnb-drawer #right-board .right-board-header{display:none}.vi-paging{max-width:600px;flex-wrap:wrap}.vi-paging,.vi-paging .vi-page-number{display:flex;align-items:center;justify-content:center}.vi-paging .vi-page-number{padding:5px 10px;border-radius:5px;border:1px solid #ddd;color:#00ab55;cursor:pointer;min-width:30px;transition:all .2s ease;margin:2px 5px}.vi-paging .vi-page-number.active,.vi-paging .vi-page-number:hover{color:#fff;background:#00ab55}.toggle{width:40px;height:16px;border-radius:15px;background-color:gray;display:inline-block;position:relative;cursor:pointer;transition:all .2s ease}.toggle .circle{width:20px;height:20px;border-radius:20px;position:absolute;background-color:green;z-index:1;top:50%;left:0;transform:translateY(-50%);transition:all .2s ease}.toggle .circle.disabled{background-color:#a9a9a9}.toggle.on{background-color:#00ab55}.toggle.on .circle{left:calc(100% - 20px)}.vi-button{border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px}.vi-button:disabled{background-color:#ccc!important;color:#333!important}.vi-button .left-icon,.vi-button .right-icon{font-size:25px;display:flex;align-items:center;justify-content:center}.vi-button .left-icon{margin-right:5px}.vi-button .right-icon{margin-left:5px}.vi-buttonhover{transform:scale(1.1)}.vi-button.fill-green{background:#00ab55;color:#fff}.vi-button.fill-gray{background:#ddd;color:gray}.vi-button.fill-red{background:red;color:#fff}.vi-button.fill-blue{background:#1890ff;color:#fff}.vi-button.gray-border-small{border:1px solid #ccc;color:gray;font-size:13px;padding:2px 5px;border-radius:5px}.vi-tooltip{background:#fff;border:1px solid #00ab55;padding:5px;width:200px;position:absolute;left:100%;bottom:-1px;border-radius:5px;border-bottom-left-radius:0;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}.vi-tooltip ion-icon.icon-close-tooltip{color:red;right:-10px;top:-10px;position:absolute;font-size:18px;transition:all .2s ease;cursor:pointer}.vi-radio-button{display:flex;align-items:center;cursor:pointer}.vi-radio-button ion-icon[name=radio-button-on]{color:#00ab55;width:30px;height:30px}.vi-radio-button ion-icon[name=radio-button-off]{color:#ddd;width:30px;height:30px}.vi-radio-button .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vi-radio-button .label.active{color:#00ab55;font-weight:700}.vi-sort-wrapper{display:inline-flex;align-items:center;justify-content:flex-end;cursor:pointer;height:100%;width:100%}.vi-sort-wrapper .vi-sort{display:flex;flex-direction:column;margin-left:10px;align-items:center;justify-content:center;background:#a9a9a9;border-radius:10px}.vi-sort-wrapper .vi-sort.active{color:#00ab55;font-size:20px}.vi-progress-bar{position:relative;border-radius:5px;background-color:#ddd;overflow:hidden}.vi-progress-bar .value{position:relative;height:100%}.vi-time{display:inline-flex;align-items:center;justify-content:flex-end;cursor:pointer;background-color:#ddd;padding:8px 10px;border-radius:2px;color:gray;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.vi-time:hover{color:#00ab55}.vi-time ion-icon{margin-left:5px;position:relative;top:auto;left:auto;transform:none}.vi-input-wrapper{padding-top:18px}.vi-form-input{border:1px solid #ddd;width:100%;height:50px;padding:0 20px;transition:all .2s ease;outline:none;border-radius:5px}.vi-form-input:focus{border-color:#00ab55}.vi-form-input:not(:-moz-placeholder-shown){border-color:#ddd}.vi-form-input:not(:-ms-input-placeholder){border-color:#ddd}.vi-form-input:not(:placeholder-shown){border-color:#ddd}.vi-form-input:not(:-moz-placeholder-shown)+.vi-form-label{top:0;display:inline-block;background-color:#fff;color:#00ab55;padding:0 10px}.vi-form-input:not(:-ms-input-placeholder)+.vi-form-label{top:0;display:inline-block;background-color:#fff;color:#00ab55;padding:0 10px}.vi-form-input:focus+.vi-form-label,.vi-form-input:not(:placeholder-shown)+.vi-form-label{top:0;display:inline-block;background-color:#fff;color:#00ab55;padding:0 10px}.vi-form-input:not(:-moz-placeholder-shown)+.vi-form-label{color:gray}.vi-form-input:not(:-ms-input-placeholder)+.vi-form-label{color:gray}.vi-form-input:not(:placeholder-shown)+.vi-form-label{color:gray}.no-label-vi-input-wrapper{padding-top:18px}.no-label-vi-form-input{border:1px solid #ddd;width:100%;height:50px;padding:0 20px;transition:all .2s ease;outline:none;border-radius:5px}.no-label-vi-form-input:focus{border-color:#00ab55}.no-label-vi-form-input:not(:-moz-placeholder-shown){border-color:#ddd}.no-label-vi-form-input:not(:-ms-input-placeholder){border-color:#ddd}.no-label-vi-form-input:not(:placeholder-shown){border-color:#ddd}.no-label-vi-form-label{left:20px;margin-bottom:2px}.vi-password-wrapper{padding-top:18px}.vi-form-password{border:1px solid #ddd;width:100%;height:50px;padding:0 20px;transition:all .2s ease;outline:none;border-radius:5px}.vi-form-password:focus{border-color:#00ab55}.vi-form-password:not(:-moz-placeholder-shown){border-color:#ddd}.vi-form-password:not(:-ms-input-placeholder){border-color:#ddd}.vi-form-password:not(:placeholder-shown){border-color:#ddd}.vi-form-field{position:relative}.vi-form-field .show-hide{right:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px}.vi-form-field .show-hide,.vi-form-label{position:absolute;top:50%;transform:translateY(-50%)}.vi-form-label{left:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:gray;pointer-events:none;transition:all .2s ease}.vi-form-password:not(:-moz-placeholder-shown)+.vi-form-label{top:0;display:inline-block;background-color:#fff;color:#00ab55;padding:0 10px}.vi-form-password:not(:-ms-input-placeholder)+.vi-form-label{top:0;display:inline-block;background-color:#fff;color:#00ab55;padding:0 10px}.vi-form-password:focus+.vi-form-label,.vi-form-password:not(:placeholder-shown)+.vi-form-label{top:0;display:inline-block;background-color:#fff;color:#00ab55;padding:0 10px}.vi-form-password:not(:-moz-placeholder-shown)+.vi-form-label{color:gray}.vi-form-password:not(:-ms-input-placeholder)+.vi-form-label{color:gray}.vi-form-password:not(:placeholder-shown)+.vi-form-label{color:gray}.no-label-vi-password-wrapper{padding-top:18px}.no-label-vi-form-password{border:1px solid #ddd;width:100%;height:50px;padding:0 20px;transition:all .2s ease;outline:none;border-radius:5px}.relative-div{position:relative}.no-label-vi-form-password:focus{border-color:#00ab55}.no-label-vi-form-password:not(:-moz-placeholder-shown){border-color:#ddd}.no-label-vi-form-password:not(:-ms-input-placeholder){border-color:#ddd}.no-label-vi-form-password:not(:placeholder-shown){border-color:#ddd}.no-label-vi-form-field{position:relative}.no-label-vi-form-field .no-label-show-hide{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px}.no-label-vi-form-label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:gray;pointer-events:none;transition:all .2s ease;display:block;margin-bottom:5px}.vi-item-price{display:flex;align-items:flex-start;color:#ccc;justify-content:flex-start;flex-flow:row-reverse}.vi-item-price .price-label{width:-moz-fit-content;width:fit-content;flex-wrap:nowrap;background:#ccc;height:30px;padding-left:5px;padding-right:10px;border-radius:0;border-top-left-radius:5px;border-bottom-left-radius:5px;box-sizing:border-box;color:gray;border:1px solid #ccc;border-right:none;display:flex;align-items:center;justify-content:center}.vi-item-price .price-input{height:30px;border-radius:5px;border-top-left-radius:0!important;border-bottom-left-radius:0!important;width:130px!important;flex:auto!important;text-align:right!important;box-sizing:border-box;outline:none;color:#00ab55;font-weight:700;border:1px solid #ccc;border-left:none;padding-right:8px}.vi-item-price .price-input:focus{outline:none;border:1px solid #00ab55;border-left:none}.vi-item-price .price-input:disabled{background-color:#ddd}.vi-item-price .price-input:focus+.price-label{border:1px solid #00ab55;border-right:none}.vi-item-number-float{display:flex;align-items:flex-start;color:#ccc;justify-content:flex-start;flex-flow:row-reverse}.vi-item-number-float .number-float-label{width:-moz-fit-content;width:fit-content;flex-wrap:nowrap;background:#ccc;height:30px;padding-left:5px;padding-right:10px;border-radius:0;border-top-left-radius:5px;border-bottom-left-radius:5px;box-sizing:border-box;color:gray;border:1px solid #ccc;border-right:none;display:flex;align-items:center;justify-content:center}.vi-item-number-float .number-float-input{height:30px;border-radius:5px;border-top-left-radius:0!important;border-bottom-left-radius:0!important;width:130px!important;flex:auto!important;text-align:right!important;box-sizing:border-box;outline:none;color:#00ab55;font-weight:700;border:1px solid #ccc;border-left:none;padding-right:8px}.vi-item-number-float .number-float-input:focus{outline:none;border:1px solid #00ab55;border-left:none}.vi-item-number-float .number-float-input:disabled{background:#ddd}.vi-item-number-float .number-float-input:focus+.number-float-label{border:1px solid #00ab55;border-right:none}.vi-switch{background:gray;border-radius:20px;width:40px;height:20px;position:relative;cursor:pointer}.vi-switch.enable{background-color:#00ab55}.vi-switch.enable .circle{top:50%;transform:translateY(-50%) translateX(20px);background-color:#ebf8f2}.vi-switch .circle{background:#eee;width:15px;height:15px;display:flex;border-radius:15px;margin-left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease}.afada-keyboard button{transition:all .1s ease;font-weight:400!important;box-shadow:0 2px 6px rgba(0,0,0,.3)}.afada-keyboard button.action{font-weight:700!important}.afada-keyboard button:active{box-shadow:none}.vi-input-label{display:flex;align-items:flex-start;color:#ccc;margin-top:10px;justify-content:flex-start;flex-flow:row-reverse}.vi-input-label .label-label{width:-moz-fit-content;width:fit-content;flex-wrap:nowrap;background:#ccc;height:30px;padding-left:5px;padding-right:10px;border-radius:0;border-top-left-radius:5px;border-bottom-left-radius:5px;box-sizing:border-box;color:gray;border:1px solid #ccc;border-right:none;display:flex;align-items:center;justify-content:center}.vi-input-label .input-input{height:30px;border-radius:5px;border-top-left-radius:0!important;border-bottom-left-radius:0!important;width:130px!important;flex:auto!important;text-align:right!important;box-sizing:border-box;outline:none;color:#00ab55;font-weight:700;border:1px solid #ccc;border-left:none;padding-right:5px}.vi-input-label .input-input:focus{outline:none;border:1px solid #00ab55;border-left:none}.vi-input-label .input-input:focus+.price-label{border:1px solid #00ab55;border-right:none}.vi-input-debounce{position:relative;display:inline-flex}.vi-input-debounce input{height:50px;border:1px solid #ddd;border-radius:5px;width:500px;padding-left:40px;padding-right:10px;outline:none;max-width:100%}.vi-input-debounce input:focus{outline:2px solid #00ab55}.vi-input-debounce input:not(:-moz-placeholder-shown)+.clear-icon{display:block}.vi-input-debounce input:not(:-ms-input-placeholder)+.clear-icon{display:block}.vi-input-debounce input:not(:placeholder-shown)+.clear-icon{display:block}.vi-input-debounce .search-icon ion-icon{font-size:20px;position:absolute;left:10px;top:50%;transform:translateY(-50%);color:gray}.vi-input-debounce .clear-icon{display:none}.vi-input-debounce .clear-icon ion-icon{font-size:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%);color:gray;cursor:pointer}.vi-input-debounce .clear-icon ion-icon:hover{color:red}.vi-dropdown-classifies{display:flex;justify-content:space-between;align-items:center;position:relative}.vi-dropdown-classifies .vi-dropdown-wrapper-right{display:flex;align-items:center;background:#a9a9a9;cursor:pointer;color:#fff;background:#00ab55;border-radius:5px;padding:5px 10px;transition:all .2s ease}.vi-dropdown-classifies .vi-dropdown-wrapper-right.show-dropdown{border-radius:0}.vi-dropdown-classifies .vi-dropdown{position:absolute;top:100%;background:#a9a9a9;width:100%;z-index:2}.vi-dropdown-classifies .vi-dropdown .vi-dropdown-item-classify.edit{border-bottom:1px solid #00ab55}.vi-dropdown-classifies .vi-dropdown .vi-dropdown-item-classify{padding:5px;cursor:pointer;transition:all .2s ease;text-align:right}.vi-dropdown-classifies .vi-dropdown .vi-dropdown-item-classify:hover{background:#00ab55;color:#fff}.vi-contact-input{position:relative;justify-content:space-between;display:flex;width:100%}.vi-contact-input .icon{display:flex;align-items:center;justify-items:center}.vi-contact-input .icon ion-icon{font-size:30px;margin-right:10px}.vi-contact-input input{height:100%;border:1px solid #ddd;border-radius:5px;padding-left:10px;flex:1 1;font-weight:500;height:40px}.vi-contact-input input:focus{outline:2px solid #00ab55}.vi-contact-input button{background-color:#00ab55;outline:none;border:none;width:40px;height:40px;border-radius:5px;margin-left:15px;transition:all .2s ease;cursor:pointer;display:flex;justify-content:center;align-items:center}.vi-contact-input button:hover{background-color:green}.vi-contact-input button ion-icon{font-size:25px;color:#fff}.vi-contact-input .recommend-contacts{position:absolute;left:0;top:calc(100% + 3px);z-index:2;width:100%;background-color:#fff;box-shadow:0 8px 24px hsla(210,8%,62%,.2);border-radius:5px;max-height:65vh;overflow-y:auto}.vi-contact-input .contact-item{display:flex;align-items:center;padding:5px;cursor:pointer;transition:all .2s ease;flex:1 1}.vi-contact-input .contact-item.focus,.vi-contact-input .contact-item:hover{background-color:#00ab55}.vi-contact-input .contact-item:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.vi-contact-input .contact-item:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.vi-contact-input .contact-item .avatar{border-radius:100%;margin-right:10px;width:30px;height:30px}.vi-contact-input .contact-item .info{display:flex;flex:1 1;flex-direction:column}.vi-contact-input .vi-contact-input .contact-item .info .name{font-size:16px}.vi-contact-input .contact-item .info .phone{font-size:13px;color:gray;font-weight:500;margin-right:10px}.vi-contact-input .contact-item .extra-info{display:flex;align-items:center}.vi-contact-input .contact-item .extra-info .remind{font-size:13px;color:gray}.vi-contact-input .contact-info{display:flex;align-items:center;justify-content:space-between;flex:1 1}.vi-contact-input .contact-info .delete{outline:none;background:transparent;color:red;font-weight:500;cursor:pointer;margin-left:20px}.vi-contact-input .contact-info .contact-item:hover{background:transparent;cursor:default}.vi-contact-input .vi-input-debounce{width:auto;flex:1 1}.vi-contact-input .vi-input-debounce input{width:100%}.product-quantity-info .total-quantity-pqi{display:flex;align-items:center;justify-content:space-between;margin-top:20px;margin-bottom:10px}.product-quantity-info .number-total-pqi{font-weight:700;color:#00ab55}.product-quantity-info .progress-pqi{height:10px;border-radius:10px;background-color:gray;display:flex}.product-quantity-info .progress-pqi .percent-not-sale{background-color:gray;height:100%;border-top-left-radius:5px;border-bottom-left-radius:5px}.product-quantity-info .progress-pqi .percent-in-order{background-color:#1890ff;height:100%}.product-quantity-info .progress-pqi .percent-allow-sale{background-color:#00ab55;height:100%;border-top-right-radius:5px;border-bottom-right-radius:5px}.product-quantity-info .list-inventories-pqi{margin-top:20px;display:flex;align-items:center;justify-content:space-between}.product-quantity-info .list-inventories-pqi .item-pqi{padding-left:20px;position:relative;display:flex;align-items:center}.product-quantity-info .list-inventories-pqi .text-pqi{margin-right:10px}.product-quantity-info .list-inventories-pqi .icon-pqi{width:10px;height:10px;background-color:#00ab55;border-radius:100%;margin-right:5px}.product-quantity-info .list-inventories-pqi .not-sale .icon-pqi{background:gray}.product-quantity-info .list-inventories-pqi .in-order .icon-pqi{background:#1890ff}.body-line{position:relative}.body-line .add-combo{display:flex;align-items:center;font-size:15px;font-weight:700;position:absolute;right:0;top:0;background-color:gray;color:#fff;border-radius:2px;cursor:pointer}.body-line .add-combo:hover{background-color:#00ab55}.body-line .icon-remove{width:50px;color:#000}.body-line .info{min-width:200px;max-width:500px;text-align:left}.body-line .info .note{font-size:12px;cursor:pointer;width:-moz-fit-content;width:fit-content;width:100%}.body-line .info .name{color:#000;word-break:break-word}.body-line .price{text-align:right;width:100%;outline:none}.body-line input.price{border-bottom:1px solid #ddd;color:#000}.body-line .quantity button{position:absolute;color:#000;padding:0;display:flex;justify-content:center;align-items:center}.body-line .quantity button ion-icon{width:25px;height:25px}.body-line .quantity button.down{top:50%;left:0;transform:translateY(-50%);border-top-left-radius:5px;border-bottom-left-radius:5px}.body-line .quantity button.up{top:50%;right:0;transform:translateY(-50%);border-top-right-radius:5px;border-bottom-right-radius:5px}.body-line .quantity input{width:60px;text-align:center;width:100%;border:1px solid #ddd;border-radius:5px;font-weight:500;color:#000;padding-left:30px;padding-right:30px}.body-line .quantity input:focus{outline:2px solid #00ab55}.body-line .total{color:#000;padding-right:10px;font-weight:500;min-width:100px}.body-line .td-price{display:flex;justify-content:flex-end;position:relative}.body-line .td-price .price{border:none;border-bottom:1px solid #ddd;width:110px;cursor:pointer}.body-line .td-price .price.active{border-bottom:1px solid #00ab55}.body-line{display:flex;align-items:center;padding-top:10px;padding-bottom:10px}.body-line .icon-remove{width:30px;cursor:pointer}.body-line .icon-remove,.body-line .stt{display:flex;align-items:center;justify-content:center}.body-line .stt{width:50px}.body-line .sku{width:100px;display:flex;align-items:center;justify-content:center}.body-line .info{flex:1 1;flex-direction:column}.body-line .info .info-wrapper{display:flex;flex-direction:column}.body-line .info .classify{width:-moz-fit-content;width:fit-content;cursor:pointer;position:relative}.body-line .info .classify.active{border-bottom:1px solid #00ab55}.body-line .info .classify .classify-selected{display:flex;align-items:center}.body-line .info .classify span{font-size:14px;margin-right:5px}.body-line .info .classify{display:flex;align-items:center}.body-line .info .classify .tooltip-classifies{width:200px;left:100%;bottom:-1px;border-bottom-left-radius:0}.body-line .info .classify .tooltip-classifies button{margin-bottom:10px}.body-line .info .classify .tooltip-classifies button:last-child{margin-bottom:0}.body-line .td-price{width:150px;text-align:right}.body-line .quantity{text-align:center;position:relative;align-items:center;margin-left:20px;margin-right:20px;display:flex;flex-direction:column;width:150px}.body-line .total{width:100px;text-align:right}.body-line .quantity-wrapper{position:relative;display:flex;align-items:center;text-align:center}.body-line .max-quantity{color:red;font-size:12px;flex:1 1;width:100%}.body-line .note-of-product{outline:none;width:100%;border:none;border-bottom:1px solid #fff}.body-line .note-of-product:focus{border-bottom:1px solid #00ab55}#order-board.fnb .td-price{width:85px!important}#order-board.fnb .price-wrapper{bottom:-112px;right:80px;width:220px;z-index:20;position:absolute;left:auto}.product-list-categories{display:flex;flex:1 1;flex-wrap:wrap}.product-list-categories .category{white-space:nowrap;padding:2px 5px;border-radius:5px;border:1px solid #ccc;color:gray;transition:all .2s ease;margin-right:10px;margin-bottom:5px;margin-top:5px;cursor:pointer;font-size:13px;max-width:500px;overflow:hidden}.product-list-categories .category.active,.product-list-categories .category:hover{background-color:#00ab55;color:#fff}.product-list-categories .category.none:hover{background:#fff;color:gray}.file-chooser{position:relative;display:inline-flex;cursor:pointer}.file-chooser button{pointer-events:none;cursor:pointer}.file-chooser input{opacity:0;position:absolute;width:100%;height:100%;cursor:pointer}.address-chooser{display:flex;flex-wrap:wrap;justify-content:space-between}.address-chooser .location-level{width:100%;margin-bottom:10px;cursor:pointer;border:1px solid #ccc;border-radius:5px;position:relative}.address-chooser .location-level.active{border:1px solid #00ab55}.address-chooser .location-level.active .icon{color:#00ab55}.address-chooser .location-level input{border-radius:5px!important;width:100%;outline:none!important;padding:5px 10px!important;height:40px!important;color:#00ab55;border:none!important;font-weight:400!important}.address-chooser .label-holder{padding:5px 10px;display:flex;align-items:center;color:gray;justify-content:space-between;height:40px}.address-chooser .label-holder span{display:flex;align-items:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.address-chooser .dropdown-location{position:absolute;top:calc(100% + 1px);left:-1px;background-color:red;z-index:2;width:calc(100% + 2px);padding:5px;border:1px solid #00ab55;border-radius:5px;background-color:#eee}.address-chooser .dropdown-location .scroll-wrapper{padding-top:45px;background-color:#eee;overflow-y:auto;-ms-scroll-chaining:auto contain;overscroll-behavior:auto contain;margin-top:5px;max-height:300px}.address-chooser .dropdown-location .search-input{display:flex;align-items:center;justify-content:space-between;position:absolute;top:10px;left:0;width:100%;padding-left:5px;padding-right:5px;padding-bottom:5px;background-color:#eee}.address-chooser .dropdown-location .search-input input{width:100%;padding-right:45px;padding-left:10px;border-radius:2px}.address-chooser .dropdown-location .search-input input::-moz-placeholder{color:#1890ff}.address-chooser .dropdown-location .search-input input:-ms-input-placeholder{color:#1890ff}.address-chooser .dropdown-location .search-input input::placeholder{color:#1890ff}.address-chooser .dropdown-location .search-input span{display:flex;align-items:center}.address-chooser .dropdown-location .search-input .icon{margin-left:10px;font-size:25px;position:absolute;right:10px;color:gray}.address-chooser .dropdown-location .list-recommend{display:flex;flex-wrap:wrap;background-color:#fff}.address-chooser .dropdown-location .list-recommend aside{flex:1 1}.address-chooser .dropdown-location .list-recommend .item{padding:5px;width:50%}.address-chooser .dropdown-location .list-recommend .item.active{background-color:#00ab55}.address-chooser .dropdown-location .list-recommend .item.focus,.address-chooser .dropdown-location .list-recommend .item:hover{background-color:#1890ff;color:#fff}.address-chooser .completed{color:#00ab55}.address-chooser .near-address{width:100%;padding-top:10px}.address-chooser .near-address .near-title{font-size:16px;margin-bottom:5px;font-weight:700}.bank-chooser{display:flex;flex-wrap:wrap;justify-content:space-between}.bank-chooser .location-level{width:100%;margin-bottom:10px;cursor:pointer;border:1px solid #ccc;border-radius:5px;position:relative}.bank-chooser .location-level.active{border:1px solid #00ab55}.bank-chooser .location-level.active .icon{color:#00ab55}.bank-chooser .location-level input{border-radius:5px!important;width:100%;outline:none!important;padding:5px 10px!important;height:40px!important;color:#00ab55;border:none!important;font-weight:400!important;text-transform:uppercase}.bank-chooser .location-level input::-moz-placeholder{text-transform:none}.bank-chooser .location-level input:-ms-input-placeholder{text-transform:none}.bank-chooser .location-level input::placeholder{text-transform:none}.bank-chooser .label-holder{padding:5px 10px;display:flex;align-items:center;color:gray;justify-content:space-between;height:40px}.bank-chooser .label-holder span{display:flex;align-items:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bank-chooser .dropdown-location{position:absolute;top:calc(100% + 1px);left:-1px;background-color:red;z-index:2;width:calc(100% + 2px);padding:5px;border:1px solid #00ab55;border-radius:5px;background-color:#eee}.bank-chooser .dropdown-location .scroll-wrapper{padding-top:45px;background-color:#eee;overflow-y:auto;-ms-scroll-chaining:auto contain;overscroll-behavior:auto contain;margin-top:5px;max-height:300px}.bank-chooser .dropdown-location .search-input{display:flex;align-items:center;justify-content:space-between;position:absolute;top:10px;left:0;width:100%;padding-left:5px;padding-right:5px;padding-bottom:5px;background-color:#eee}.bank-chooser .dropdown-location .search-input input{width:100%;padding-right:45px;padding-left:10px;border-radius:2px}.bank-chooser .dropdown-location .search-input input::-moz-placeholder{color:#1890ff}.bank-chooser .dropdown-location .search-input input:-ms-input-placeholder{color:#1890ff}.bank-chooser .dropdown-location .search-input input::placeholder{color:#1890ff}.bank-chooser .dropdown-location .search-input span{display:flex;align-items:center}.bank-chooser .dropdown-location .search-input .icon{margin-left:10px;font-size:25px;position:absolute;right:10px;color:gray}.bank-chooser .dropdown-location .list-recommend{display:flex;flex-wrap:wrap;background-color:#fff;justify-content:space-between}.bank-chooser .dropdown-location .list-recommend aside{flex:1 1}.bank-chooser .dropdown-location .list-recommend .item{padding:5px;width:49%;font-weight:500}.bank-chooser .dropdown-location .list-recommend .item.active{background-color:#00ab55;color:#fff}.bank-chooser .dropdown-location .list-recommend .item.focus,.bank-chooser .dropdown-location .list-recommend .item:hover{background-color:#1890ff;color:#fff}.bank-chooser .completed{color:#00ab55}#test-modal .modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;display:flex;justify-content:center;align-items:center}#test-modal .modal{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:10px;max-width:600px;padding:2rem;width:500px}#test-modal .modal-footer{display:flex;justify-content:flex-end;border-top:1px solid #ccc;padding-top:20px;margin-top:20px}#test-modal .close{background-color:#ddd}#test-modal .complete{background-color:#00ab55;color:#fff}#test-modal button{font-size:.9rem;font-weight:700;border:none;border-radius:3px;padding:.5rem 1rem;margin-left:.5rem}#test-modal .button-default{background:#247ba0;color:#fff}#test-modal .title{font-weight:700;margin-bottom:10px;font-size:18px}#test-modal textarea{border-radius:5px;border:1px solid #ccc;padding:10px;min-height:100px}#test-modal textarea:focus{outline:2px solid #00ab55}.modal-add-contact-new .modal{transform:translateY(0)!important}.modal-add-contact-new .action-more{display:flex;align-items:center;color:gray;cursor:pointer;margin-bottom:10px}.modal-add-contact-new .action-more .icon{margin-left:5px}.modal-add-contact-new .action-more span{display:flex;align-items:center}#modal-add-employee .modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;display:flex;justify-content:center;align-items:center}#modal-add-employee .modal{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:10px;max-width:600px;padding:2rem;width:600px;transform:translateY(-20%)}#modal-add-employee .modal-footer{display:flex;border-top:1px solid #ccc;padding-top:20px;margin-top:20px;justify-content:space-between}#modal-add-employee .modal-footer .right{display:flex;justify-content:flex-end;flex:1 1}#modal-add-employee .close{background-color:#ddd}#modal-add-employee .complete{background-color:#00ab55;color:#fff}#modal-add-employee button{font-size:.9rem;font-weight:700;border:none;border-radius:3px;padding:.5rem 1rem;margin-left:.5rem}#modal-add-employee .button-default{background:#247ba0;color:#fff}#modal-add-employee .title{font-weight:700;margin-bottom:10px;font-size:18px}#modal-add-category .modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;display:flex;justify-content:center;align-items:center}#modal-add-category .modal{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:10px;max-width:600px;padding:2rem;width:600px;height:90vh;display:flex;flex-direction:column}#modal-add-category .list-categories{overflow:auto;flex:1 1;padding:5px}#modal-add-category .list-categories .category{display:flex;align-items:center;margin-top:5px;margin-bottom:5px}#modal-add-category .list-categories .category input{flex:1 1}#modal-add-category .list-categories .category ion-icon{font-size:25px;padding:5px;background:#ccc;color:#00ab55;margin-left:10px;cursor:pointer;border-radius:2px}#modal-add-category .list-categories .category ion-icon[name=trash-outline]{color:red}#modal-add-category .modal-footer{display:flex;justify-content:flex-end;border-top:1px solid #ccc;padding-top:20px;margin-top:20px}#modal-add-category .close{background-color:#ddd}#modal-add-category .complete{background-color:#00ab55;color:#fff}#modal-add-category button{font-size:.9rem;font-weight:700;border:none;border-radius:3px;padding:.5rem 1rem;margin-left:.5rem}#modal-add-category .add-category{margin-bottom:10px;display:flex;padding:5px}#modal-add-category .add-category input{flex:1 1}#modal-add-category .add-category button{background:#00ab55;color:#fff}#modal-add-category .button-default{background:#247ba0;color:#fff}#modal-add-category .title{font-weight:700;font-size:16px;margin-bottom:10px;display:block}#modal-add-category input{border:1px solid #ccc;padding:5px}#modal-cashbook-classify .modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;display:flex;justify-content:center;align-items:center}#modal-cashbook-classify .modal{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:10px;max-width:600px;padding:2rem;width:600px;height:90vh;display:flex;flex-direction:column}#modal-cashbook-classify .list-categories{overflow:auto;flex:1 1;padding:5px}#modal-cashbook-classify .list-categories .category{display:flex;align-items:center;margin-top:5px;margin-bottom:5px}#modal-cashbook-classify .list-categories .category input{flex:1 1}#modal-cashbook-classify .list-categories .category ion-icon{font-size:25px;padding:5px;background:#ccc;color:#00ab55;margin-left:10px;cursor:pointer;border-radius:2px}#modal-cashbook-classify .list-categories .category ion-icon[name=trash-outline]{color:red}#modal-cashbook-classify .modal-footer{display:flex;justify-content:flex-end;border-top:1px solid #ccc;padding-top:20px;margin-top:20px}#modal-cashbook-classify .close{background-color:#ddd}#modal-cashbook-classify .complete{background-color:#00ab55;color:#fff}#modal-cashbook-classify button{font-size:.9rem;font-weight:700;border:none;border-radius:3px;padding:.5rem 1rem;margin-left:.5rem}#modal-cashbook-classify .add-category{margin-bottom:10px;display:flex;padding:5px}#modal-cashbook-classify .add-category input{flex:1 1}#modal-cashbook-classify .add-category button{background:#00ab55;color:#fff}#modal-cashbook-classify .button-default{background:#247ba0;color:#fff}#modal-cashbook-classify .title{font-weight:700;font-size:16px;margin-bottom:10px;display:block}#modal-cashbook-classify input{border-radius:2px;border:1px solid #ccc;padding:5px}#modal-cashbook-classify input:focus{outline:1px solid #00ab55}#modal-types-of-money .modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;display:flex;justify-content:center;align-items:center}#modal-types-of-money .modal{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:10px;max-width:600px;padding:2rem;width:600px;height:90vh;display:flex;flex-direction:column}#modal-types-of-money .list-categories{overflow:auto;flex:1 1;padding:5px}#modal-types-of-money .list-categories .category{display:flex;align-items:center;margin-top:5px;margin-bottom:5px}#modal-types-of-money .list-categories .category input{flex:1 1}#modal-types-of-money .list-categories .category ion-icon{font-size:25px;padding:5px;background:#ccc;color:#00ab55;margin-left:10px;cursor:pointer;border-radius:2px}#modal-types-of-money .list-categories .category ion-icon[name=trash-outline]{color:red}#modal-types-of-money .modal-footer{display:flex;justify-content:flex-end;border-top:1px solid #ccc;padding-top:20px;margin-top:20px}#modal-types-of-money .close{background-color:#ddd}#modal-types-of-money .complete{background-color:#00ab55;color:#fff}#modal-types-of-money .title{font-weight:700;font-size:16px;margin-bottom:10px;display:block}#modal-types-of-money input{border-radius:2px;border:1px solid #ccc;padding:5px}#modal-types-of-money input:focus{outline:1px solid #00ab55}#modal-add-type-of-money .modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;display:flex;justify-content:center;align-items:center}#modal-add-type-of-money .modal{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:10px;max-width:600px;padding:2rem;width:600px;transform:translateY(-10%)}#modal-add-type-of-money .modal-footer{display:flex;justify-content:flex-end;border-top:1px solid #ccc;padding-top:20px;margin-top:20px}#modal-add-type-of-money .close{background-color:#ddd}#modal-add-type-of-money .complete{background-color:#00ab55;color:#fff}#modal-add-type-of-money button{font-size:.9rem;font-weight:700;border:none;border-radius:3px;padding:.5rem 1rem;margin-left:.5rem}#modal-add-type-of-money .button-default{background:#247ba0;color:#fff}#modal-add-type-of-money .title{font-weight:700;font-size:16px;margin-bottom:10px;display:block}#modal-add-type-of-money input{border-radius:5px;border:1px solid #ccc;padding:10px;margin-bottom:10px}#modal-add-type-of-money input:focus{outline:2px solid #00ab55}#modal-add-type-of-money .switch-type{border:1px solid #ddd;display:inline-flex;padding:2px;border-radius:5px;margin-top:10px;margin-bottom:10px}#modal-add-type-of-money .switch-type div{font-weight:700;padding:5px 10px;border-radius:5px;margin-right:10px;color:gray;cursor:pointer;background-color:#ddd;transition:all .2s ease}#modal-add-type-of-money .switch-type div:last-child{margin-right:0}#modal-add-type-of-money .switch-type .green{color:#00ab55;background-color:#ebf8f2}#modal-add-type-of-money .switch-type .red{color:red;background-color:#ebf8f2}#modal-add-type-of-money .input-field{color:gray;margin-bottom:10px;position:relative}#modal-add-type-of-money .input-field .unit{position:absolute;right:10px;top:50%;transform:translateY(-5px);color:#000;font-weight:700}#modal-add-type-of-money .input-field input{color:#000;font-weight:700}#modal-add-type-of-money .input-field input.note{font-weight:400}#modal-add-type-of-money .input-field textarea{border-radius:5px;border:1px solid #ccc;padding:10px;margin-bottom:10px;outline:none;color:#000}#modal-confirm-pay .modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;display:flex;justify-content:center;align-items:center}#modal-confirm-pay .modal{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:10px;max-width:600px;padding:2rem;width:600px}#modal-confirm-pay .modal-footer{display:flex;justify-content:flex-end;border-top:1px solid #ccc;padding-top:20px;margin-top:20px}#modal-confirm-pay .close{background-color:#ddd}#modal-confirm-pay .complete{background-color:#00ab55;color:#fff}#modal-confirm-pay button{font-size:.9rem;font-weight:700;border:none;border-radius:3px;padding:.5rem 1rem;margin-left:.5rem}#modal-confirm-pay .button-default{background:#247ba0;color:#fff}#modal-confirm-pay .title{font-weight:700;font-size:16px;margin-bottom:10px;display:block}#modal-confirm-pay .small-title{text-align:center}#modal-confirm-pay .number-title{text-align:center;font-weight:700;font-size:18px}#modal-confirm-pay .input-wrapper{position:relative;height:50px;margin-top:10px;margin-bottom:10px}#modal-confirm-pay .input-wrapper input{width:100%;height:50px;text-align:left;padding-left:10px;font-weight:700;font-size:18px}#modal-confirm-pay .input-wrapper span{position:absolute;right:7px;top:50%;transform:translateY(-50%)}#modal-confirm-pay input{text-align:right;color:gray}#modal-confirm-pay .wrapper-options{margin-top:5px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px}#modal-confirm-pay .debt{color:red}#modal-confirm-pay .change,#modal-confirm-pay .debt{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-weight:700}#modal-confirm-pay .change{color:gray}#modal-confirm-pay .line-keyboard{width:500px}#modal-confirm-pay .line-keyboard button{width:60px;background:gray;height:40px;margin:2px 5px;font-size:22px;display:inline-flex;align-items:center;justify-content:center}#modal-note .modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;display:flex;justify-content:center;align-items:center}#modal-note .modal{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:10px;max-width:600px;padding:2rem;width:600px;transform:translateY(-10%)}#modal-note .modal-footer{display:flex;justify-content:flex-end;border-top:1px solid #ccc;padding-top:20px;margin-top:20px}#modal-note .modal-footer .right-action{flex:1 1;justify-content:flex-end;display:flex}#modal-note .close{background-color:#ddd}#modal-note .complete{background-color:#00ab55;color:#fff}#modal-note button{font-size:.9rem;font-weight:700;border:none;border-radius:3px;padding:.5rem 1rem;margin-left:.5rem}#modal-note button.red{color:#fff;background:red}#modal-note .button-default{background:#247ba0;color:#fff}#modal-note .title{font-weight:700;margin-bottom:10px;font-size:18px}#modal-note input{border-radius:5px;border:1px solid #ccc;padding:10px;margin-bottom:10px}#modal-note input:focus{outline:2px solid #00ab55}#modal-note .switch-type{border:1px solid #ddd;display:inline-flex;padding:2px;border-radius:5px;margin-top:10px;margin-bottom:10px}#modal-note .switch-type div{font-weight:700;padding:5px 10px;border-radius:5px;margin-right:10px;color:gray;cursor:pointer;background-color:#ddd;transition:all .2s ease}#modal-note .switch-type div:last-child{margin-right:0}#modal-note .switch-type .green{color:#00ab55;background-color:#ebf8f2}#modal-note .switch-type .red{color:red;background-color:#ebf8f2}#modal-note .input-field{color:gray;margin-bottom:10px;position:relative}#modal-note .input-field .unit{position:absolute;right:10px;top:50%;transform:translateY(-5px);color:#000;font-weight:700}#modal-note .input-field input{color:#000;font-weight:700}#modal-note .input-field input.note{font-weight:400}#modal-note .input-field textarea{border-radius:5px;border:1px solid #ccc;padding:10px;margin-bottom:10px;outline:none;color:#000}#modal-enable-inventory .modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;display:flex;justify-content:center;align-items:center}#modal-enable-inventory .modal{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:10px;max-width:600px;padding:2rem;width:600px}#modal-enable-inventory .product-info{display:flex;align-items:center;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px}#modal-enable-inventory .product-info .classify{color:gray}#modal-enable-inventory .product-info img{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;margin-right:5px;border-radius:5px}#modal-enable-inventory .input-wrapper{display:flex;justify-content:space-between}#modal-enable-inventory .input-wrapper .input-item{width:100%;display:flex;align-items:center;justify-content:space-between}#modal-enable-inventory .input-wrapper input{width:60%;margin-bottom:0}#modal-enable-inventory .modal-footer{display:flex;justify-content:flex-end;border-top:1px solid #ccc;padding-top:20px;margin-top:20px}#modal-enable-inventory .close{background-color:#ddd}#modal-enable-inventory .complete{background-color:#00ab55;color:#fff}#modal-enable-inventory button{font-size:.9rem;font-weight:700;border:none;border-radius:3px;padding:.5rem 1rem;margin-left:.5rem}#modal-enable-inventory .button-default{background:#247ba0;color:#fff}#modal-enable-inventory .title{font-weight:700;margin-bottom:10px;font-size:18px}#modal-enable-inventory input{border-radius:5px;border:1px solid #ccc;padding:10px;margin-bottom:10px}#modal-enable-inventory input:focus{outline:2px solid #00ab55}#modal-import-classify .modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;display:flex;justify-content:center;align-items:center}#modal-import-classify .modal{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:10px;max-width:600px;padding:2rem;width:600px;height:90vh;display:flex;flex-direction:column}#modal-import-classify .list-categories{overflow:auto;flex:1 1;padding:5px}#modal-import-classify .list-categories .category{display:flex;align-items:center;margin-top:5px;margin-bottom:5px}#modal-import-classify .list-categories .category input{flex:1 1}#modal-import-classify .list-categories .category ion-icon{font-size:25px;padding:5px;background:#ccc;color:#00ab55;margin-left:10px;cursor:pointer;border-radius:2px}#modal-import-classify .list-categories .category ion-icon[name=trash-outline]{color:red}#modal-import-classify .modal-footer{display:flex;justify-content:flex-end;border-top:1px solid #ccc;padding-top:20px;margin-top:20px}#modal-import-classify .close{background-color:#ddd}#modal-import-classify .complete{background-color:#00ab55;color:#fff}#modal-import-classify button{font-size:.9rem;font-weight:700;border:none;border-radius:3px;padding:.5rem 1rem;margin-left:.5rem}#modal-import-classify .add-category{margin-bottom:10px;display:flex;padding:5px}#modal-import-classify .add-category input{flex:1 1}#modal-import-classify .add-category button{background:#00ab55;color:#fff}#modal-import-classify .button-default{background:#247ba0;color:#fff}#modal-import-classify .title{font-weight:700;font-size:16px;margin-bottom:10px;display:block}#modal-import-classify input{border-radius:2px;border:1px solid #ccc;padding:5px}#modal-import-classify input:focus{outline:1px solid #00ab55}#modal-time .modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;display:flex;justify-content:center;align-items:center}#modal-time .modal{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:10px;max-width:600px;padding:2rem;width:600px;transform:translateY(-10%)}#modal-time .modal-footer{display:flex;justify-content:flex-end;border-top:1px solid #ccc;padding-top:20px;margin-top:20px}#modal-time .close{background-color:#ddd}#modal-time .complete{background-color:#00ab55;color:#fff}#modal-time button{font-size:.9rem;font-weight:700;border:none;border-radius:3px;padding:.5rem 1rem;margin-left:.5rem}#modal-time .button-default{background:#247ba0;color:#fff}#modal-time .title{font-weight:700;margin-bottom:10px;font-size:22px}#modal-time .time-item{padding:5px 10px;border-radius:5px;background-color:#fff;border:1px solid #ddd;cursor:pointer;margin:5px;transition:all .2s ease}#modal-time .time-item.active,#modal-time .time-item:hover{background-color:#00ab55;color:#fff}#modal-time .list-option-time{margin-bottom:10px}#modal-time .time-wrapper{display:flex;align-items:center;justify-content:flex-end;flex:1 1}#modal-time .time-wrapper input.money{border:1px solid #ddd;border-radius:5px;margin-left:10px;height:50px;padding:0 10px;flex:1 1}#modal-time .time-wrapper input.money:focus{outline:1px solid #00ab55}#modal-time .time-wrapper .wrap{flex:1 1;margin-left:30px;display:flex;align-items:center}#modal-time .time-wrapper .wrap:first-child{margin-left:0}#modal-time .time-wrapper .wrap span{color:gray}#modal-marketing .modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;display:flex;justify-content:center;align-items:center}#modal-marketing .modal{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:10px;max-width:900px;padding:2rem;width:900px}#modal-marketing .body{max-height:400px;overflow:auto}#modal-marketing .body .styled-table{position:relative;border-collapse:collapse;font-size:.9em;font-family:sans-serif;min-width:400px;box-shadow:0 0 20px rgba(0,0,0,.15);width:100%;margin:0 0 25px}#modal-marketing .body .styled-table thead tr{background-color:#00ab55;color:#fff;text-align:left}#modal-marketing .body .styled-table th{position:sticky;top:0;background-color:#00ab55;z-index:3}#modal-marketing .body .styled-table td,#modal-marketing .body .styled-table th{padding:12px 15px}#modal-marketing .body .styled-table tbody tr{border-bottom:1px solid #ddd;cursor:pointer}#modal-marketing .body .styled-table tbody tr:nth-of-type(2n){background-color:#f3f3f3}#modal-marketing .body .styled-table tbody tr:last-of-type{border-bottom:2px solid #00ab55}#modal-marketing .body .styled-table tbody tr.active-row{font-weight:700;color:#009879}#modal-marketing .modal-footer{display:flex;justify-content:flex-end;border-top:1px solid #ccc;padding-top:20px;margin-top:20px}#modal-marketing .close{background-color:#ddd}#modal-marketing .complete{background-color:#00ab55;color:#fff}#modal-marketing button{font-size:.9rem;font-weight:700;border:none;border-radius:3px;padding:.5rem 1rem;margin-left:.5rem}#modal-marketing .button-default{background:#247ba0;color:#fff}#modal-marketing .title{font-weight:700;margin-bottom:10px;font-size:18px}#modal-marketing textarea{border-radius:5px;border:1px solid #ccc;padding:10px;min-height:100px}#modal-marketing textarea:focus{outline:2px solid #00ab55}#modal-marketing .check{font-size:20px;color:gray}#modal-marketing tr.active .check,#modal-marketing tr.active td{color:#00ab55}#modal-change-classifies-income-fee .modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;display:flex;justify-content:center;align-items:center}#modal-change-classifies-income-fee .modal{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:10px;max-width:600px;padding:2rem;width:600px;display:flex;flex-direction:column}#modal-change-classifies-income-fee .classify{display:inline-flex;align-items:center;border:1px solid #ccc;border-radius:5px;margin:5px;padding:5px;cursor:pointer}#modal-change-classifies-income-fee .classify.active{background:#00ab55;color:#fff}#modal-change-classifies-income-fee .modal-footer{display:flex;justify-content:flex-end;border-top:1px solid #ccc;padding-top:20px;margin-top:20px}#modal-change-classifies-income-fee .close{background-color:#ddd}#modal-change-classifies-income-fee .complete{background-color:#00ab55;color:#fff}#modal-change-classifies-income-fee button{font-size:.9rem;font-weight:700;border:none;border-radius:3px;padding:.5rem 1rem;margin-left:.5rem}#modal-change-classifies-income-fee .add-category{margin-bottom:10px;display:flex;padding:5px}#modal-change-classifies-income-fee .add-category input{flex:1 1}#modal-change-classifies-income-fee .add-category button{background:#00ab55;color:#fff}#modal-change-classifies-income-fee .button-default{background:#247ba0;color:#fff}#modal-change-classifies-income-fee .title{font-weight:700;font-size:16px;margin-bottom:10px;display:block}#modal-bill .modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;display:flex;justify-content:center;align-items:center}#modal-bill .modal{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:10px;max-width:600px;padding:2rem;width:600px}#modal-bill .bill-wrapper{margin:0 auto;padding-left:10px;background:#fff;max-height:500px;overflow:auto}#modal-bill .modal-footer{display:flex;justify-content:flex-end;border-top:1px solid #ccc;padding-top:20px;margin-top:20px}#modal-bill .modal-footer .right-action{flex:1 1;justify-content:flex-end;display:flex}#modal-bill .close{background-color:#ddd}#modal-bill .complete{background-color:#00ab55;color:#fff}#modal-bill button{font-size:.9rem;font-weight:700;border:none;border-radius:3px;padding:.5rem 1rem;margin-left:.5rem}#modal-bill button.red{color:#fff;background:red}#modal-bill .button-default{background:#247ba0;color:#fff}#modal-bill .title{font-weight:700;margin-bottom:10px;font-size:18px}#modal-print-bar-code .modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;display:flex;justify-content:center;align-items:center}#modal-print-bar-code .modal{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:10px;max-width:600px;padding:20px;width:600px}#modal-print-bar-code .bill-wrapper{margin:0 auto;padding-left:10px;background:#fff;max-height:400px;overflow:auto}#modal-print-bar-code .modal-footer{display:flex;justify-content:flex-end;border-top:1px solid #ccc;padding-top:20px;margin-top:20px}#modal-print-bar-code .modal-footer .right-action{flex:1 1;justify-content:flex-end;display:flex}#modal-print-bar-code .close{background-color:#ddd}#modal-print-bar-code .complete{background-color:#00ab55;color:#fff}#modal-print-bar-code .info{display:flex;align-items:center;margin-bottom:20px}#modal-print-bar-code .info input{border:1px solid #00ab55;padding:2px;margin-left:10px;text-indent:10px;outline:none;width:100px;border-radius:2px;font-weight:700;color:#00ab55}#modal-print-bar-code button{font-size:.9rem;font-weight:700;border:none;border-radius:3px;padding:.5rem 1rem;margin-left:.5rem}#modal-print-bar-code button.red{color:#fff;background:red}#modal-print-bar-code .button-default{background:#247ba0;color:#fff}#modal-print-bar-code .title{font-weight:700;margin-bottom:10px;font-size:18px}#modal-product-categories .modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;display:flex;justify-content:center;align-items:center}#modal-product-categories .modal{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:10px;max-width:70vw;padding:2rem;width:70vw}#modal-product-categories .list{overflow:auto;max-height:60vh}#modal-product-categories .modal-footer{display:flex;justify-content:flex-end;border-top:1px solid #ccc;padding-top:20px;margin-top:20px}#modal-product-categories .close{background-color:#ddd}#modal-product-categories .complete{background-color:#00ab55;color:#fff}#modal-product-categories button{font-size:.9rem;font-weight:700;border:none;border-radius:3px;padding:.5rem 1rem;margin-left:.5rem}#modal-product-categories .button-default{background:#247ba0;color:#fff}#modal-product-categories .title{font-weight:500;margin-bottom:10px;font-size:18px}#modal-product-categories .category{padding:5px 10px;border:1px solid #ddd;border-radius:5px;display:inline-block;white-space:nowrap;transition:all .2s ease}#modal-product-categories .category.active{background-color:#00ab55;color:#fff}#modal-add-contact .modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;display:flex;justify-content:center;align-items:center}#modal-add-contact .modal{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:10px;max-width:600px;padding:2rem;width:600px;transform:translateY(-20%)}#modal-add-contact .modal-footer{display:flex;justify-content:flex-end;border-top:1px solid #ccc;padding-top:20px;margin-top:20px}#modal-add-contact .close{background-color:#ddd}#modal-add-contact .complete{background-color:#00ab55;color:#fff}#modal-add-contact button{font-size:.9rem;font-weight:700;border:none;border-radius:3px;padding:.5rem 1rem;margin-left:.5rem}#modal-add-contact .button-default{background:#247ba0;color:#fff}#modal-add-contact .title{font-weight:700;margin-bottom:10px;font-size:18px}#modal-add-contact input{border-radius:5px;border:1px solid #ccc;padding:10px;margin-bottom:10px}#modal-add-contact input:focus{outline:2px solid #00ab55}.modal-unit-editor .unit-convert{display:flex;align-items:center}.modal-unit-editor .unit-convert input{padding:5px;border:1px solid #ccc;width:150px;border-radius:5px;margin-left:10px;margin-right:10px;outline:none;margin-bottom:0!important}#modal-property-editor .modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;display:flex;justify-content:center;align-items:center}#modal-property-editor .modal{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:10px;max-width:600px;padding:1rem;width:600px;transform:translateY(-20%)}#modal-property-editor .modal-footer{display:flex;justify-content:flex-end;border-top:1px solid #ccc;padding-top:20px;margin-top:20px}#modal-property-editor .close{background-color:#ddd}#modal-property-editor .complete{background-color:#00ab55;color:#fff}#modal-property-editor button{font-size:.9rem;font-weight:700;border:none;border-radius:3px;padding:.5rem 1rem;margin-left:.5rem}#modal-property-editor .button-default{background:#247ba0;color:#fff}#modal-property-editor .title{font-weight:700;margin-bottom:10px;font-size:18px;text-align:center}.modal-property-editor .list-properties{background-color:#ccc;padding:10px;max-height:300px;overflow:scroll}.modal-property-editor .head-title{display:flex;font-weight:700}.modal-property-editor .add-new-property{display:inline-flex;margin-top:10px}.modal-property-editor .actions,.modal-property-editor .add-new-property{font-size:20px;color:gray;border:1px solid gray;padding:5px;border-radius:5px;cursor:pointer}.modal-property-editor .actions{display:flex;align-items:center}.modal-property-editor .left-info,.modal-property-editor .right-info{width:220px}.modal-property-editor .property-item{margin-top:10px;display:flex;align-items:center;flex-wrap:nowrap;border-radius:5px}.modal-property-editor .property-item .label{font-weight:700;margin-bottom:10px}.modal-property-editor .property-item .actions{display:flex;align-items:center;gap:10px}.modal-property-editor .property-item .edit-property{display:flex;align-items:center;color:gray;font-size:22px;border:1px solid #ccc;padding:5px;border-radius:5px;cursor:pointer}.modal-property-editor .property-item .remove-property{display:flex;align-items:center;color:gray;font-size:20px;border:1px solid #ddd;padding:5px;border-radius:5px;cursor:pointer}.modal-property-editor .property-item .property-key{display:flex;align-items:center;width:200px;border:1px solid #ddd;justify-content:space-between;padding:5px;border-radius:5px;margin-right:10px;outline:none}.modal-property-editor .property-item .property-key span{display:flex;align-items:center;white-space:nowrap}.modal-property-editor .property-item .property-values{display:flex;align-items:flex-start;flex-wrap:wrap;flex-direction:column}.modal-property-editor .property-item .property-values .value-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;width:100%}.modal-property-editor .property-item .property-values .value-item .name{padding:5px;background-color:#ddd;border-radius:5px;min-width:50px;display:inline-flex;justify-content:center}.modal-property-editor .property-item .property-values .value-item .remove{display:flex;align-items:center;color:gray;cursor:pointer;padding:5px;border-radius:5px;font-size:20px;border:1px solid gray}.modal-property-editor .property-item .property-values .input-helper{flex-wrap:nowrap;display:flex}.modal-property-editor .property-item .property-values .input-helper input{border:1px solid #ddd;padding:5px;border-radius:5px;outline:none}.modal-property-editor .property-item .property-values .input-helper button{padding:5px;margin-left:10px;border-radius:5px;white-space:nowrap}.modal-property-editor .property-item .property-values .note{font-size:13px;margin-top:5px}.modal-property-editor .property-item input{height:40px}#header{flex:1 1;height:64px;background-color:#00ab55;display:flex;padding-left:10px;position:fixed;width:100%;z-index:2;padding-right:80px}#header .left-side{flex:1 1;display:flex;align-items:center}#header .box-tab{flex:1 1}#header .right-side{position:relative;display:flex;align-items:center}#header .right-side .avatar{height:100%;width:100px;flex-direction:column;display:flex;justify-content:center;align-items:center;transition:all .2s ease}#header .avatar img{border-radius:100%;width:40px;height:40px;cursor:pointer;transition:all .2s linear}#header .avatar img:hover{transform:scale(1.1)}#header .icon-home{width:25px;height:25px;margin-right:40px;cursor:pointer;transition:all .2s linear;color:#fff}#header .icon-home:hover{transform:scale(1.1)}#header .box-logout{position:absolute;visibility:hidden;right:10px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);width:200px;top:64px;padding-top:20px;z-index:30;background-color:#fff;opacity:0;transition:visibility 0s,opacity .5s linear}#header .box-logout button{transition:all .2s ease}#header .box-logout button:hover{background-color:#00ab55;color:#fff}#header .box-logout .phone,#header .box-logout .username{padding-left:30px;color:gray}#header .box-logout .username{font-weight:500;margin-bottom:5px;color:#000}#header .logout-footer{margin-top:20px;border-top:1px solid #ddd;padding:20px 30px}#header .logout-footer button{border:1px solid #ddd;background:transparent;padding:10px 20px;font-weight:500;border-radius:5px;cursor:pointer;width:100%}#header .avatar:hover .box-logout{visibility:visible;opacity:1}#header .box-tab{padding-left:10px;padding-right:10px}#header .box-tab,#header .list-tab{display:flex;align-items:center;height:100%}#header .list-tab{max-width:700px;overflow-x:auto;transition:all .2s ease}#header .tab-item{height:70%;background-color:green;width:-moz-fit-content;width:fit-content;padding:10px;border-radius:5px;font-weight:500;color:#fff;align-items:center;margin-right:10px;min-width:120px;display:flex;justify-content:space-between;cursor:pointer;transition:all .6s ease}#header .tab-item.active{background:#fff;color:#000;height:100%;border-radius:0}#header .tab-item .icon-close{width:20px;height:20px;border-radius:100rem;color:#a9a9a9;margin-left:10px;cursor:pointer;transition:all .2s ease}#header .tab-item .icon-close:hover{color:red}#header .add-icon{transition:all .2s ease}#header .add-icon ion-icon{width:30px;height:30px;color:#fff;cursor:pointer;margin-left:10px;display:flex;align-items:center;font-weight:700}#header .add-icon:hover{transform:scale(1.5)}#order-board{min-height:200px;position:relative}#order-board .icon-order{font-size:60px;color:#00ab55}#order-board .title{color:gray;margin-top:20px;margin-bottom:20px}#order-board .button-add-product{background-color:#00ab55;color:#fff;padding:6px 20px;border-radius:5px;transition:all .2s ease}#order-board .button-add-product:active{background-color:green}#order-board .list-products{color:gray;padding:15px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#order-board .body-line{display:flex;align-items:center;padding-top:10px;padding-bottom:10px}#order-board .body-line .icon-remove{width:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}#order-board .body-line .stt{width:50px;display:flex;align-items:center;justify-content:center}#order-board .body-line .sku{width:100px;display:flex;align-items:center;justify-content:center}#order-board .body-line .info{flex:1 1;flex-direction:column;max-width:inherit}#order-board .body-line .info .info-wrapper{display:flex;flex-direction:column}#order-board .body-line .info .classify{width:-moz-fit-content;width:fit-content;cursor:pointer;position:relative}#order-board .body-line .info .classify.active{border-bottom:1px solid #00ab55}#order-board .body-line .info .classify .classify-selected{display:flex;align-items:center}#order-board .body-line .info .classify span{font-size:14px;margin-right:5px}#order-board .body-line .info .classify{display:flex;align-items:center}#order-board .body-line .info .classify .tooltip-classifies{width:200px;left:100%;bottom:-1px;border-bottom-left-radius:0}#order-board .body-line .info .classify .tooltip-classifies button{margin-bottom:10px}#order-board .body-line .info .classify .tooltip-classifies button:last-child{margin-bottom:0}#order-board .body-line .td-price{width:150px;text-align:right}#order-board .body-line .td-price input{color:gray}#order-board .body-line .td-price .price-label{cursor:pointer;padding:0 5px}#order-board .body-line .td-price .price-label.active{background:#00ab55;color:#fff;border-radius:10px}#order-board .body-line .quantity{text-align:center;position:relative;align-items:center;margin-left:20px;margin-right:20px;display:flex;flex-direction:column;width:150px}#order-board .body-line .total{width:125px;text-align:right}#order-board .body-line .quantity-wrapper{position:relative;display:flex;align-items:center;text-align:center}#order-board .body-line .max-quantity{color:red;font-size:12px;flex:1 1;width:100%}#order-board .product-line.active{animation:mymove 1s}#order-board .price-wrapper{border-radius:2px;border-bottom-right-radius:0;padding:5px;top:0;font-size:13px;width:250px;position:absolute;left:auto;display:block;bottom:auto;z-index:50}#order-board .price-wrapper .dis-options,#order-board .price-wrapper .line-price{display:flex;padding:2px 0;align-items:center}#order-board .price-wrapper span{width:80px;display:block;text-align:left}#order-board .price-wrapper input{flex:1 1;width:auto;border:none;border-bottom:1px solid #00ab55;padding:2px 5px;outline:none;width:150px;text-align:right}#order-board .price-wrapper input.discount{width:80px}#order-board .price-wrapper .discount-type{width:30px;color:#fff;cursor:pointer;background:gray;margin-left:5px;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:5px;padding:0 2px}#order-board .price-wrapper .discount-type.active{background:#00ab55}#order-board .price-wrapper .discount-wrapper{display:flex;justify-content:space-between;flex:1 1}#order-board .head-table{font-weight:700;margin-bottom:10px}#order-board .head-table .info{text-align:center}#order-board .head-table{background:#ddd}#order-board .head-table .total{color:gray;font-weight:700}#order-board .body-table{overflow-y:auto;overflow-x:hidden}#order-board .body-table .body-line{border-top:1px solid #ddd}#order-board .body-table .body-line:first-child{border-top:none}#order-board .body-table .body-line.combo{border-top:1px dashed #ddd}#order-board .zoom{background:#ddd;font-size:15px;display:inline-flex;align-items:center;justify-content:center;position:absolute;right:42%;bottom:0;border-top-left-radius:2px;border-top-right-radius:2px;padding:2px 5px}#order-board .zoom span{margin-left:5px;font-weight:300;font-size:14px}.fnb#order-board,.fnb#order-board .list-products{box-shadow:none}#right-board{width:400px;display:flex;flex-direction:column;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);height:calc(100vh - 64px);background:#fff}#right-board .right-board-header{padding-top:10px;padding-left:20px;padding-right:20px;background-color:#ddd}#right-board .right-board-content{height:calc(100vh - 34px);overflow:auto;padding:10px 20px}#right-board .right-board-action{background-color:#ddd;padding:10px 20px;display:flex}#right-board .right-board-action button{width:100%;margin-top:0;font-size:25px!important}#right-board .right-board-action button div{font-size:25px!important}#right-board .sale-type-wrapper{display:flex;justify-content:space-between;overflow:hidden;flex-wrap:nowrap;font-size:0}#right-board .sale-type-wrapper .sale-type{border:1px solid #eee;padding:5px;background:#fff;text-align:center;white-space:nowrap;cursor:pointer;font-size:16px;height:100%;color:gray}#right-board .sale-type-wrapper .sale-type.border-right{border-top-right-radius:5px;border-bottom-right-radius:5px}#right-board .sale-type-wrapper .sale-type.active{background:#00ab55;border-left:0;border-right:0;color:#fff}#right-board .sale-type-wrapper .sale-type:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}#right-board .sale-type-wrapper .sale-type:nth-child(2){flex:1 1}#right-board .sale-type-wrapper .sale-type:nth-child(3){border-top-right-radius:5px;border-bottom-right-radius:5px}#right-board .head-line-wrapper{flex-direction:column;gap:5px}#right-board .head-line{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:16px}#right-board .head-line span.value{color:#00ab55;font-weight:700}#right-board .customer.filled .vi-contact-input{border:1px solid #ccc;border-radius:5px}#right-board .customer.filled .vi-contact-input .contact-info{padding-right:8px}#right-board .customer.filled .vi-contact-input .contact-item .extra-info{display:block}#right-board .customer.filled .vi-contact-input .contact-item .extra-info .remind{margin-left:0}#right-board .line,#right-board .line .item{display:flex;align-items:center}#right-board .time-of-order{border-radius:5px;border:1px solid #ccc;padding:5px}#right-board .address{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:5px;padding-top:5px;border:1px solid #ddd;padding-left:5px;border-radius:5px;cursor:pointer}#right-board .address .label-address{display:flex;flex-wrap:nowrap;text-overflow:ellipsis;white-space:nowrap;margin-right:5px;font-size:15px}#right-board .address .address-wrapper{display:flex;flex:1 1;align-items:center}#right-board .address .address-wrapper .icon{font-size:25px;cursor:pointer;display:flex;align-items:center;color:#00ab55}#right-board .line .toggle{margin-left:10px}#right-board .line{justify-content:space-between;margin-bottom:10px}#right-board input.under-line{outline:none;font-weight:500;border-bottom:1px solid #ddd;width:150px}#right-board textarea.note{border:1px solid #ddd;width:100%;padding:5px;border-radius:5px;outline:none;min-height:50px;resize:vertical;max-height:100px}#right-board textarea.note:focus{outline:2px solid #00ab55}#right-board .add-promotion{height:50px;background-color:#ddd;margin-top:20px;border-radius:5px;transition:all .2s ease}#right-board .add-promotion:hover{background-color:#eee}#right-board .checkout{padding-top:10px;padding-bottom:10px;background-color:#00ab55;margin-top:20px;border-radius:5px;transition:all .2s ease;color:#fff;font-size:30px;font-weight:500}#right-board .checkout:hover{background-color:green}#right-board button.unit{padding:5px;background-color:#ddd;border-radius:5px;min-width:40px;font-weight:500;margin-left:10px}#right-board button.unit.active{color:#fff;background-color:#00ab55}#right-board .border-top{border-top:1px solid #ddd;padding-top:5px;margin-top:5px}#right-board .address-to-ship{line-height:17px;font-size:14px;color:gray;word-break:break-word;min-height:30px}#right-board .list-types-of-money{width:100%;display:flex;overflow-x:auto;justify-content:space-between}#right-board .list-types-of-money .vi-radio-button{margin-right:5px}#right-board .list-types-of-money .vi-radio-button:last-child{margin-right:0}.fnb #right-board{min-height:calc(100vh - 105px)}#product-board{position:relative;flex:1 1;padding:0 40px 20px;background-color:#fff}#product-board .list-categories{padding-bottom:20px}#product-board .list-categories .list-items{overflow-x:auto;justify-content:flex-start}#product-board .list-categories .category{padding:5px 10px;border:1px solid #ddd;border-radius:5px;display:inline-block;white-space:nowrap;transition:all .2s ease}#product-board .list-categories .category.active{background-color:#00ab55;color:#fff}#product-board .list-products{display:flex;flex-wrap:wrap;justify-content:space-between}#product-board .product{width:228px;position:relative;cursor:pointer;padding:5px;display:flex;align-items:flex-start}#product-board .product img{border-radius:5px;-o-object-fit:cover;object-fit:cover;width:60px;height:60px;margin-right:5px}#product-board .product .info{display:flex;flex-direction:column;flex:1 1}#product-board .product .price{font-weight:500;color:#00ab55;background-color:#fff;width:80%;border-top-right-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-start;align-items:center;font-size:14px}#product-board .rate-promotion{background-color:#ffd633;width:-moz-fit-content;width:fit-content;padding:2px;border-radius:5px;font-size:13px}#product-board .rate-promotion .value{color:red}#product-board .product .name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;font-weight:300;font-size:15px;flex:1 1}#product-board .classify{font-size:12px;color:gray;border:1px solid #ccc;padding:2px 5px;border-radius:5px}#product-board .out-of-stock{color:red;font-size:12px}#product-board .move{position:absolute;font-size:50px;display:flex;align-items:center;color:gray;cursor:pointer;transition:all .2s ease}#product-board .move.previous{left:-10px;top:50%;transform:translateY(-50%)}#product-board .move.previous:hover{color:#00ab55}#product-board .move.next{right:-10px;top:50%;transform:translateY(-50%)}#product-board .move.next:hover{color:#00ab55}#product-board.fnb .list-products{gap:10px}#product-board.fnb .product{display:flex;flex-direction:column;width:140px;border:1px solid #eee;border-radius:5px;padding:5px}#product-board.fnb .product img{width:100%;height:80px}#product-board.fnb .product .info{width:100%;position:relative}#product-board.fnb .product .name{padding-top:3px;font-weight:500}#product-board.fnb .product .out-of-stock{position:absolute;top:-50px;right:0;background-color:gray;padding:5px;border-radius:5px}#product-board.fnb .product .properties{position:absolute;top:-80px;background-color:#fff}#product-board.fnb .product .unit{position:absolute;top:-23px;background-color:grey;z-index:2}#product-board.fnb .product .unit span{margin:0}#left-bar{width:250px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);min-height:100vh;padding-top:7px;position:fixed}#left-bar .menu-wrapper{height:100vh;overflow-y:auto;overflow-x:hidden}#left-bar h1{font-size:25px;color:#00ab55;padding:10px 10px 10px 30px;text-align:center;font-weight:700;text-transform:uppercase}#left-bar .shop{display:flex;align-items:center;border:1px solid #ddd;border-radius:10px;margin-left:20px;margin-right:20px;padding:10px;color:#ddd;margin-bottom:20px;cursor:pointer;position:relative;width:215px}#left-bar .shop:hover .dropdown{display:flex}#left-bar .shop .shop-name{margin-left:10px;flex:1 1;color:#00ab55;font-weight:400;font-size:18px;word-break:break-word}#left-bar .shop .dropdown-icon{cursor:pointer;color:gray;display:flex;align-items:center}#left-bar .shop .avatar{width:30px;height:30px}#left-bar .shop .dropdown{position:absolute;display:none;padding-top:20px;transition:all .2s ease;top:100%;left:-1px;right:0;width:100%;transform:translateY(-12px);border:1px solid #ddd;border-top:none;width:215px;flex-direction:column;background-color:#fff;z-index:23;border-bottom-left-radius:10px;border-bottom-right-radius:10px}#left-bar .shop .dropdown .item{color:#00ab55;padding:5px 20px;transition:alll .2s ease;border-top:1px solid #ddd;display:flex;align-items:center;word-break:break-word}#left-bar .shop .dropdown .item ion-icon{margin-right:5px;font-weight:700;font-size:18px}#left-bar .shop .dropdown .item span{font-size:14px;display:flex;align-items:center}#left-bar .shop .dropdown .item:hover{background-color:#eee}#left-bar .menu-item{padding:10px 10px 10px 30px;display:flex;align-items:center;font-size:16px;color:gray;cursor:pointer;margin:10px 0;transition:all .2s ease;font-weight:300}#left-bar .menu-item.active,#left-bar .menu-item:hover{background-color:#ebf8f2;font-weight:600;color:#00ab55;border-right-width:5px;border-right-color:green}#left-bar .menu-item ion-icon{font-size:20px}#left-bar .menu-item .counter{background-color:red;padding:2px;border-radius:5px;color:#fff;font-size:10px;height:15px}#left-bar .menu-item .counter,#left-bar .menu-item .text{margin-left:10px;display:flex;align-items:center}#main-right-wrapper{margin-left:250px;width:calc(100% - 250px);max-width:calc(100% - 250px);padding-left:30px;padding-right:30px;background-color:#fcfcfc;min-height:100vh}#fixed-head-bar{left:280px;top:0;width:calc(100% - 280px);position:fixed;z-index:3;background-color:#ebf8f2;padding-right:120px!important}#section-below-fixed-head-bar{margin-top:64px!important;padding-top:10px!important}.vi-search-wrapper,.vi-search-wrapper .box-search{position:relative}.vi-search-wrapper .box-search .input{height:40px;border:none;border-radius:5px;width:500px;padding-left:35px;outline:none;font-weight:500;font-size:15px}.vi-search-wrapper .box-search .icon-search ion-icon{width:25px;height:25px;position:absolute;top:50%;transform:translateY(-50%);left:5px;color:gray}.vi-search-wrapper .box-search .icon-barcode ion-icon{width:25px;height:25px;position:absolute;top:50%;transform:translateY(-50%);right:10px;cursor:pointer;color:gray}.vi-search-wrapper .search-result{position:absolute;top:52px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);background-color:#fff;z-index:3;max-height:60vh;border:1px solid #00ab55;border-top:none;overflow-y:auto;width:510px}.vi-search-wrapper .item-product{display:flex;align-items:center;min-height:100px;border-bottom:1px solid #eee;padding-left:10px;padding-right:10px;cursor:pointer;transition:all .2s ease;justify-content:flex-end}.vi-search-wrapper .item-product.focus,.vi-search-wrapper .item-product:hover{background-color:#ddd}.vi-search-wrapper .item-product img{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;margin-right:10px;border-radius:10px}.vi-search-wrapper .item-product .product-info{flex:1 1;height:100%}.vi-search-wrapper .product-info>div{display:flex;color:gray}.vi-search-wrapper .product-info .store{display:block}.vi-search-wrapper .product-info .classify-name{background:#ebf8f2;display:inline-flex;align-items:center;padding:2px 5px;color:#00ab55;border-radius:5px;margin-left:10px}.vi-search-wrapper .product-info .name{font-weight:500;color:#000;word-break:break-word}.vi-search-wrapper .code-and-classify{display:flex;align-items:center}.vi-search-wrapper .item-product .price{display:flex;align-items:flex-end;flex-direction:column;height:100%;font-weight:500;color:#00ab55}.vi-search-wrapper .item-product .rate-promotion{background-color:#ffd633;display:block;width:-moz-fit-content;width:fit-content;border-radius:5px;color:gray;font-size:13px;height:20px;line-height:20px;padding:0 5px}.vi-search-wrapper .item-product .rate-promotion .value{color:red}.vi-search-wrapper .store .avaiable{margin-right:10px}.vi-search-wrapper .store .number{margin-left:5px;font-weight:500}.vi-search-wrapper .out-of-stock{font-size:12px;color:red}#barcode-print{text-align:center;background:#fff;width:280px}#barcode-print .line{display:flex;margin-top:3px}#barcode-print .item{width:50%;height:80px}#barcode-print .item .product-title{font-size:60%;width:100%;text-align:center;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}#barcode-print .item .sku-price{margin-top:-5%}#barcode-print .item{flex:1 1}#barcode-print .item:first-child{padding-left:11%}#barcode-print .item:nth-child(2){padding-left:4.5%}@media screen and (max-width:400px){#barcode-print .line{display:block}#barcode-print .item{text-align:center;margin:0 auto}}.vi-loading-wrapper{width:100%;height:100vh;max-height:100%;display:flex;align-items:center;justify-content:center}.vi-loading{border:16px solid #00ab55;border-top-color:red;border-radius:50%;width:120px;height:120px;animation:vi-loading-spin 1s linear infinite}@keyframes vi-loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vi-preload{width:100%;height:100vh;max-height:100%;display:flex;align-items:center;justify-content:center}.vi-lds-roller{display:inline-block;position:relative;width:80px;height:80px}.vi-lds-roller div{animation:vi-lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.vi-lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#00ab55;margin:-4px 0 0 -4px}.vi-lds-roller div:first-child{animation-delay:-36ms}.vi-lds-roller div:first-child:after{top:63px;left:63px}.vi-lds-roller div:nth-child(2){animation-delay:-72ms}.vi-lds-roller div:nth-child(2):after{top:68px;left:56px}.vi-lds-roller div:nth-child(3){animation-delay:-.108s}.vi-lds-roller div:nth-child(3):after{top:71px;left:48px}.vi-lds-roller div:nth-child(4){animation-delay:-.144s}.vi-lds-roller div:nth-child(4):after{top:72px;left:40px}.vi-lds-roller div:nth-child(5){animation-delay:-.18s}.vi-lds-roller div:nth-child(5):after{top:71px;left:32px}.vi-lds-roller div:nth-child(6){animation-delay:-.216s}.vi-lds-roller div:nth-child(6):after{top:68px;left:24px}.vi-lds-roller div:nth-child(7){animation-delay:-.252s}.vi-lds-roller div:nth-child(7):after{top:63px;left:17px}.vi-lds-roller div:nth-child(8){animation-delay:-.288s}.vi-lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes vi-lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vi-404-wrapper{width:100%;height:100vh;max-height:100%;display:flex;align-items:center;justify-content:center}.vi-404{color:#00ab55;font-size:18px;display:flex;flex-direction:column}.vi-404 span{text-align:center}.vi-404 span:first-child{font-size:150px;color:gray}.setting-menu,.setting-menu .parent{width:100%;transition:all .2s ease}.setting-menu .parent{justify-content:space-between;position:relative;padding:10px 10px 10px 30px;display:flex;font-size:16px;color:gray;cursor:pointer;font-weight:300;align-items:center}.setting-menu .parent .left{display:flex;flex:1 1;align-items:center}.setting-menu .parent .name{margin-left:10px}.setting-menu .parent ion-icon{font-size:20px}.setting-menu .list-children{background-color:#fff;transition:all .2s ease}.setting-menu .list-children .name{padding:8px 0 8px 60px;transition:all .2s ease;cursor:pointer;color:gray;font-size:14px}.setting-menu .list-children .name.active,.setting-menu .list-children .name:hover{background-color:#ebf8f2;color:#00ab55}#overview{flex:1 1}#overview .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#overview .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#overview .head-bar button{background:#00ab55;color:#fff;border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px}#overview .head-bar button:hover{transform:scale(1.1)}#overview .head-bar ion-icon{font-size:25px;margin-right:5px}#overview .customer-table{padding-top:10px}#overview .customer-table .title{font-weight:700;margin-bottom:10px}#overview .customer-table .list-actors{margin-bottom:10px}#overview .customer-table .list-actors button{padding:5px;margin-right:10px;border:1px solid #ddd;border-radius:5px;transition:all .2s ease}#overview .customer-table .list-actors button.active,#overview .customer-table .list-actors button:hover{background-color:#00ab55;color:#fff}#overview .customer-table .body-content{padding:0;border-bottom:1px solid #ddd}#overview .customer-table table{width:100%}#overview .customer-table thead th{background-color:#ddd;color:gray;padding:0 10px}#overview .customer-table thead th .sort{display:flex;flex-direction:column;cursor:pointer}#overview .customer-table thead th .sort.active{color:#00ab55;font-weight:700}#overview .customer-table thead th div{display:flex;align-items:center;border-bottom:3px solid #ddd;padding:0 5px;height:50px;cursor:pointer}#overview .customer-table thead th div.active{border-bottom:3px solid #00ab55}#overview .customer-table thead th div .label{flex:1 1;text-align:center}#overview .customer-table tbody tr:nth-child(2n){background-color:#ebf8f2}#overview .customer-table tbody td{color:gray;font-weight:500;padding:15px 10px;text-align:right}#overview .customer-table tbody td:first-child{text-align:left;width:50%}#overview .customer-table .name{font-weight:500;color:#333}#overview .customer-table .phone{font-weight:500;color:gray}#overview .wrapper{box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#overview .head-tab{display:flex;background-color:#ddd;border-top-left-radius:5px;border-top-right-radius:5px;align-items:center}#overview .footer-content{display:flex;align-items:center;justify-content:center;padding:10px}#overview .red{color:red}#overview .green{color:#00ab55}#overview .section{padding:20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#overview .section .head{display:flex;justify-content:space-between;align-items:center}#overview .section .head .blue .number{color:blue;font-weight:700}#overview .section .progress{border-radius:10px;background-color:gray;height:15px;margin-bottom:10px}#overview .section .percent{background-color:#00ab55;height:100%;width:30%;border-radius:10px}#overview .section .progress.blue .percent{background-color:blue}#overview .section .progress.primary .percent{background-color:#00ab55}#overview .section .progress.red .percent{background-color:red}#overview .section .list-info{justify-content:space-between}#overview .section .list-info,#overview .section .list-info .info,#overview .section .list-info .top{display:flex;align-items:center}#overview .section .list-info .below{text-align:center;font-weight:700;margin-left:5px}#overview .section .list-info .circel{margin-right:5px;width:15px;height:15px;border-radius:100%;background-color:red}#overview .section .list-info .info.primary{color:#00ab55}#overview .section .list-info .info.primary .circel{background-color:#00ab55}#overview .section .list-info .info.primary .below{color:#00ab55}#overview .section .list-info .info.red .circel{background-color:red}#overview .section .list-info .info.red .below{color:red}#overview .section-2{display:flex;padding:0;margin-bottom:20px}#overview .section-2 .left{flex:4 1;padding:20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#overview .section-2 .right{padding:20px;flex:6 1;position:relative;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#overview .section-2 .right .title{padding-left:10px}#overview .section-2 .info-fix{position:absolute;right:20px;top:20px;text-align:right;min-width:200px;display:flex;flex-direction:column}#overview .section-2 .info-fix .item{flex:1 1;display:flex;justify-content:space-between}#overview .section-2 .info-fix .income-info{color:#00ab55;font-weight:700}#overview .section-2 .info-fix .fee-info{color:red;font-weight:700}#overview .head-section{justify-content:space-between}#overview .head-section,#overview .head-section div{display:flex;align-items:center}#overview .head-section a{color:#00ab55}#overview .list-box{display:flex;align-items:center;justify-content:space-between;padding-top:10px}#overview .list-box .box{box-shadow:0 8px 24px hsla(210,8%,62%,.2);padding:5px 10px;background-color:#ddd;width:200px;text-align:center;border-radius:5px}#overview .list-box .box .red{color:red}#overview .list-box .box .green{color:#00ab55}#overview .list-box .box .title{display:flex;align-items:center;justify-content:flex-start;font-size:16px;color:gray;margin-top:0;margin-bottom:0}#overview .list-box .box .title ion-icon{margin-right:10px}#overview .list-box .box .number{font-weight:700;font-size:20px;text-align:left}#chat{flex:1 1}#chat .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#chat .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#chat .head-bar button{background:#00ab55;color:#fff;border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px}#chat .head-bar button:hover{transform:scale(1.1)}#chat .head-bar ion-icon{font-size:25px;margin-right:5px}#chat .wrapper{box-shadow:0 8px 24px hsla(210,8%,62%,.2);display:flex;justify-content:flex-end;height:calc(100vh - 80px);border-top:1px solid #00ab55}#chat .body-content{flex:1 1;flex-direction:column;display:flex;height:100%}#chat .body-content .head-conversation{border-bottom:1px solid #ddd;padding:10px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#chat .body-content .head-conversation .name{font-weight:700;font-size:18px;color:#00ab55}#chat .body-content .head-conversation .time{color:gray}#chat .body-content .chat-conversation{flex:1 1;display:flex;flex-direction:column;max-height:calc(100% - 150px);position:relative}#chat .body-content .chat-conversation .list-messages{padding-top:10px;flex:1 1;overflow-y:auto;max-height:100%;padding-left:10px;padding-right:10px}#chat .body-content .chat-conversation .list-messages .message-item{margin-bottom:10px;display:flex}#chat .body-content .chat-conversation .list-messages .message-item.buyer .text{background-color:#00ab55;color:#fff}#chat .body-content .chat-conversation .list-messages .message-item.seller{justify-content:flex-end}#chat .body-content .chat-conversation .list-messages .message-item .text{background-color:#eee;padding:5px;display:inline-block;border-radius:10px}#chat .body-content .chat-conversation .input-section{display:flex;align-items:center;padding:10px;border-top:1px solid #ddd}#chat .body-content .chat-conversation .input-section input{flex:1 1;border:1px solid #ddd;border-radius:5px;outline:none;padding:10px;height:50px}#chat .body-content .chat-conversation .input-section button{margin-left:10px;padding:10px 20px;border-radius:5px;height:50px}#chat .body-content .chat-conversation .input-section button.ready{background:#00ab55;color:#fff;font-weight:700}#chat .empty-box-messages{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1 1;font-size:25px}#chat .load-more-message{display:inline-block;width:-moz-fit-content;width:fit-content;margin:0 auto}#chat .load-more-message,#chat .new-message-alert{background-color:#ccc;color:#00ab55;padding:2px 10px;border-radius:2px;cursor:pointer}#chat .new-message-alert{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);animation:beat .4s infinite alternate}#chat .time-separate{text-align:center;color:gray}@keyframes beat{to{transform:translateX(-50%) scale(1.2)}}#chat .fix-right{width:350px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);overflow-y:auto;background-color:#eee;border-left:1px solid #00ab55}#chat .fix-right .conversation{cursor:pointer;padding:10px;position:relative;border-bottom:1px solid #ddd;border-radius:5px;display:flex}#chat .fix-right .conversation.unread .message{color:blue}#chat .fix-right .conversation .avatar{font-size:20px;width:40px;height:40px;display:flex;align-items:center;color:gray;border-radius:100%;background:#fff;margin-right:10px;justify-content:center;border:1px solid #ccc}#chat .fix-right .conversation .buyer-name{color:#222;font-size:18px}#chat .fix-right .conversation .time{font-size:12px;color:gray}#chat .fix-right .conversation .dot{width:12px;height:12px;border-radius:100%;background-color:#00ab55;display:flex;position:absolute;right:5px;top:50%;transform:translateY(-50%)}#chat .fix-right .conversation .message{color:#444}#chat .fix-right .conversation.active{background-color:#ebf8f2}#chat .fix-right .conversation.active .buyer-name{font-weight:700;color:#00ab55}#chat .fix-right .conversation.active .avatar{border:1px solid #00ab55;color:#00ab55}#chat .fix-right .conversation:hover{background-color:#eee}#contact-list{flex:1 1}#contact-list .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#contact-list .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#contact-list .head-bar button{background:#00ab55;color:#fff;border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px}#contact-list .head-bar button:hover{transform:scale(1.1)}#contact-list .head-bar ion-icon{font-size:25px;margin-right:5px}#contact-list .customer-table{padding-top:10px}#contact-list .customer-table .body-content{padding:0 20px 20px;border-bottom:1px solid #ddd}#contact-list .customer-table table{width:100%}#contact-list .customer-table thead th{height:50px;background-color:#ddd;color:gray}#contact-list .customer-table thead th:first-child{border-top-left-radius:5px;text-align:center;min-width:50px}#contact-list .customer-table thead th:last-child{border-top-right-radius:5px;text-align:right;padding-right:20px}#contact-list .customer-table tbody tr:nth-child(2n){background-color:#ebf8f2}#contact-list .customer-table tbody td{padding:15px 0;color:gray;font-weight:500}#contact-list .customer-table tbody td:first-child,#contact-list .customer-table tbody td:nth-child(3){text-align:center}#contact-list .customer-table tbody td:nth-child(4),#contact-list .customer-table tbody td:nth-child(5){text-align:right}#contact-list .customer-table tbody td:last-child{text-align:right;padding-right:20px}#contact-list .customer-table tbody tr:hover{background-color:#ebf8f2;cursor:pointer}#contact-list .customer-table .deb-label{font-size:14px}#contact-list .wrapper{box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#contact-list .head-tab{display:flex;background-color:#ddd;border-top-left-radius:5px;border-top-right-radius:5px}#contact-list .head-tab .tab-item{padding:5px 20px;font-weight:500;color:gray;display:flex;align-items:center;justify-content:center;height:50px;cursor:pointer;transition:all .2s ease}#contact-list .head-tab .tab-item:first-child{border-top-left-radius:5px}#contact-list .head-tab .tab-item:last-child{border-top-right-radius:5px}#contact-list .head-tab .tab-item.active,#contact-list .head-tab .tab-item:hover{background-color:#fff}#contact-list .head-tab .number{border-radius:5px;color:#00ab55;margin-left:10px;background-color:#ebf8f2;padding:2px 5px;font-size:12px}#contact-list .search-box{margin:20px 20px 20px 0;position:relative}#contact-list .profile{display:flex;align-items:center;font-weight:500}#contact-list .profile img{width:40px;height:40px;border-radius:100%;margin-right:10px}#contact-list .phone{font-weight:500}#contact-list .footer-content{display:flex;align-items:center;justify-content:center;padding:10px}#contact-list .footer-content .page{padding:5px 10px;border-radius:5px;border:1px solid #ddd;margin:0 5px;display:flex;align-items:center;justify-content:center;color:#00ab55;cursor:pointer}#contact-list .red{color:red}#contact-list .green{color:#00ab55}#cash-book-editor{flex:1 1}#cash-book-editor .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#cash-book-editor .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#cash-book-editor .head-bar .name.red{color:red}#cash-book-editor .head-bar button{background:#00ab55;color:#fff;border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px}#cash-book-editor .head-bar button:hover{transform:scale(1.1)}#cash-book-editor .head-bar ion-icon{font-size:25px;margin-right:5px}#cash-book-editor .body-cash-book{margin-top:10px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#cash-book-editor .body-cash-book .line-1{padding:20px 20px 0;display:flex;align-items:center;flex:1 1}#cash-book-editor .body-cash-book .line-1 .input-field:first-child{margin-right:30px}#cash-book-editor .body-cash-book .footer,#cash-book-editor .body-cash-book .line-2{padding:10px 20px 20px;margin-bottom:10px}#cash-book-editor .body-cash-book .footer .title,#cash-book-editor .body-cash-book .line-2 .title{font-weight:500;margin-bottom:10px;color:gray}#cash-book-editor .body-cash-book .footer .wrap,#cash-book-editor .body-cash-book .line-2 .wrap{display:flex;align-items:center}#cash-book-editor .body-cash-book .footer .list-categories,#cash-book-editor .body-cash-book .line-2 .list-categories{flex:1 1}#cash-book-editor .body-cash-book .footer .list-categories .action-wrapper,#cash-book-editor .body-cash-book .line-2 .list-categories .action-wrapper{display:inline-flex;flex-direction:column}#cash-book-editor .body-cash-book .footer .edit,#cash-book-editor .body-cash-book .line-2 .edit{color:gray;text-align:center;margin-bottom:10px;font-size:13px}#cash-book-editor .body-cash-book .footer .edit button,#cash-book-editor .body-cash-book .line-2 .edit button{color:#00ab55;border:none;margin:0}#cash-book-editor .body-cash-book .footer .right,#cash-book-editor .body-cash-book .line-2 .right{border-left:1px solid #ddd;padding-left:10px;display:flex;align-items:center;flex-direction:column}#cash-book-editor .body-cash-book .footer button,#cash-book-editor .body-cash-book .line-2 button{white-space:nowrap;padding:5px 10px;border-radius:5px;border:1px solid gray;color:gray;transition:all .2s ease;margin-right:10px;margin-bottom:10px}#cash-book-editor .body-cash-book .footer button:hover,#cash-book-editor .body-cash-book .line-2 button:hover{background-color:#ebf8f2;color:#00ab55}#cash-book-editor .body-cash-book .footer button.active,#cash-book-editor .body-cash-book .line-2 button.active{background-color:#00ab55;color:#fff;border:1px solid #00ab55}#cash-book-editor .body-cash-book .footer button.add,#cash-book-editor .body-cash-book .line-2 button.add{display:flex;align-items:center;font-size:16px;color:#00ab55;border:1px solid #00ab55}#cash-book-editor .body-cash-book .footer button.add ion-icon,#cash-book-editor .body-cash-book .line-2 button.add ion-icon{margin-right:5px}#cash-book-editor .body-cash-book .footer{display:flex;justify-content:flex-end;padding-top:0}#cash-book-editor .body-cash-book .footer button{display:flex;align-items:center}#cash-book-editor .body-cash-book .footer button ion-icon{margin-right:10px}#cash-book-editor .body-cash-book .footer button.cancel{background-color:red;color:#fff;border:none}#cash-book-editor .body-cash-book input.money{border-radius:5px;border:1px solid #ccc;padding:10px;margin-top:5px}#cash-book-editor .body-cash-book input.money:focus{outline:2px solid #00ab55}#cash-book-editor .body-cash-book .input-field{color:gray;position:relative;flex:1 1;margin-bottom:10px}#cash-book-editor .body-cash-book .input-field .unit{position:absolute;right:10px;top:50%;transform:translateY(4px);color:#000;font-weight:500}#cash-book-editor .body-cash-book .input-field input.money{color:#000;font-weight:500}#cash-book-editor .body-cash-book .input-field input.money.note{font-weight:400}#cash-book-editor .body-cash-book .input-field textarea{border-radius:5px;border:1px solid #ccc;padding:10px;margin-bottom:10px;outline:none;color:#000}#cash-book-editor .list-types-of-money button{border:1px solid gray;color:gray}#member-detail{flex:1 1}#member-detail .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#member-detail .head-bar .name{font-size:20px;font-weight:500;color:#00ab55}#member-detail .head-bar button{background:#00ab55;color:#fff;border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px}#member-detail .head-bar button:hover{transform:scale(1.1)}#member-detail .head-bar ion-icon{font-size:25px;margin-right:5px}#member-detail .member-box{padding:10px 0}#member-detail .member-box .list-tab-wrapper{background-color:#eee;display:flex;justify-content:space-between;margin-bottom:5px}#member-detail .member-box .list-tab-wrapper .tab-item{padding:10px;flex:1 1;cursor:pointer;text-align:center}#member-detail .member-box .list-tab-wrapper .tab-item.active{border-bottom:2px solid #00ab55;color:#00ab55;font-weight:700}#member-detail .member-box .info{color:#fff}#member-detail .member-box .info .above{width:100%;position:relative;background-color:#005249;padding-left:150px;display:flex;align-items:flex-end;padding-bottom:10px;height:100px;border-top-left-radius:10px;border-top-right-radius:10px}#member-detail .member-box .info .above .avatar{position:absolute;left:30px;width:100px;height:100px;border-radius:100%;bottom:-15px}#member-detail .member-box .info .below{margin-top:20px;color:#000;display:flex;align-items:center;justify-content:center}#member-detail .member-box .info .name{font-weight:500;font-size:25px}#member-detail .member-box .info .phone{color:#ddd;font-weight:500}#member-detail .member-box .info .statistic{justify-content:right}#member-detail .member-box .info .statistic .item{margin-right:20px;text-align:right}#member-detail .member-box .info .statistic .payment{background-color:#00ab55;color:#fff;margin-top:20px}#member-detail .member-box .info .title{font-weight:500;font-size:25px}#member-detail .member-box .info .text{color:#ddd;font-weight:500;font-size:18px}#member-detail .member-box .info .rotate{transform:rotate(45deg);font-size:25px}#member-detail .member-box .body-content{padding:0 20px 20px;border-bottom:1px solid #ddd}#member-detail .detail-info{padding:0}#member-detail .info-page{display:flex;gap:20px;max-width:800px;margin:0 auto;padding-bottom:20px}#member-detail .info-page .right-side{flex:1 1}#member-detail .customer-report{display:flex;flex-wrap:wrap;width:200px;gap:20px}#member-detail .customer-report .report-item{background-color:#ebf8f2;width:100%;display:flex;flex-direction:column;text-align:center;align-content:center;justify-content:center;box-shadow:0 8px 24px hsla(210,8%,62%,.2);padding:10px 20px;border-radius:5px;border:1px solid #00ab55}#member-detail .customer-report .report-item .text{color:gray}#member-detail .customer-report .report-item .number{font-weight:700;margin-top:5px;color:#00ab55}#member-detail .form-info{margin:0 auto}#member-detail .form-info .info-item{display:flex;align-items:center;margin-bottom:20px;position:relative}#member-detail .form-info .info-item .icon{display:flex;font-size:22px;position:absolute;left:5px;color:#00ab55}#member-detail .form-info .info-item .icon img{width:30px}#member-detail .form-info .info-item input,#member-detail .form-info .info-item textarea{border:1px solid #ccc;border-radius:5px;padding-top:10px;padding-bottom:10px;padding-left:40px;width:100%;resize:vertical;outline:1px solid #00ab55}#member-detail .form-info .info-item textarea{padding-top:25px;min-height:80px}#member-detail #list-bought-product table{width:100%}#member-detail #list-bought-product thead th{height:50px;background-color:#ddd;color:gray}#member-detail #list-bought-product thead th.product-info,#member-detail #list-bought-product thead th.sku{text-align:center}#member-detail #list-bought-product thead th.last-time{text-align:center;padding:0 20px}#member-detail #list-bought-product thead th.noTurn{text-align:right;padding:0 20px}#member-detail #list-bought-product thead th.totalQuantity{text-align:right;padding:0 20px;min-width:130px}#member-detail #list-bought-product tbody tr:nth-child(2n){background-color:#ebf8f2}#member-detail #list-bought-product tbody td{padding:15px 0;color:gray;font-weight:500}#member-detail #list-bought-product tbody td .sku{text-align:center;min-width:110px}#member-detail #list-bought-product tbody td.td-product-info{min-width:200px;cursor:pointer;padding-left:10px}#member-detail #list-bought-product tbody td .product-info{text-align:left;display:flex;align-items:flex-start;max-width:400px}#member-detail #list-bought-product tbody td .product-info img{width:60px;height:60px;margin-right:20px;border-radius:5px;-o-object-fit:cover;object-fit:cover}#member-detail #list-bought-product tbody td .product-info .name{font-weight:400;line-height:22px;word-break:break-word}#member-detail #list-bought-product tbody td .product-info .number-of-classifies{color:gray}#member-detail #list-bought-product tbody td.last-time{text-align:center;padding:0 20px}#member-detail #list-bought-product tbody td.noTurn{text-align:right;padding:0 20px}#member-detail #list-bought-product tbody td.totalQuantity{text-align:right;padding:0 20px;min-width:130px}#debt-of-member{flex:1 1;padding:10px}#debt-of-member h2{text-align:left;font-weight:500;font-size:20px;margin-bottom:10px;color:#00ab55}#debt-of-member table{width:100%}#debt-of-member thead th:first-child{border-top-left-radius:5px;text-align:center;min-width:50px}#debt-of-member thead th:nth-child(4){text-align:right}#debt-of-member thead th:last-child{border-top-right-radius:5px;text-align:right;padding-right:20px}#debt-of-member .note{max-width:300px;word-break:break-word}#debt-of-member .paybook-action-1,#debt-of-member .paybook-action-2{padding:5px 10px;border-radius:5px}#debt-of-member .paybook-action-1{color:#00ab55}#debt-of-member .paybook-action-2{color:red}#order-of-member{flex:1 1;border-radius:10px;padding:10px}#order-of-member h2{text-align:left;font-weight:500;font-size:20px;margin-bottom:10px;color:#00ab55}#order-of-member table{width:100%}#order-of-member thead th{height:50px;background-color:#00ab55;color:#fff}#order-of-member thead th:first-child{border-top-left-radius:5px;min-width:50px}#order-of-member thead th:last-child{border-top-right-radius:5px;text-align:right;padding-right:20px}#order-of-member thead th:first-child{text-align:center}#order-of-member thead th:nth-child(2){text-align:left;min-width:150px;padding-left:30px}#order-of-member thead th:nth-child(3){text-align:left}#order-of-member thead th:nth-child(4){text-align:right}#order-of-member tbody tr{background:#ddd}#order-of-member tbody tr:nth-child(2n){background-color:#ebf8f2}#order-of-member tbody td{padding:15px 0;color:gray;font-weight:500}#order-of-member tbody td.stt{text-align:center}#order-of-member tbody td.time{text-align:left;padding-left:30px}#order-of-member tbody td .order{text-align:left}#order-of-member tbody td.status,#order-of-member tbody td.total-money,#order-of-member tbody td.type-of-order,#order-of-member tbody td:nth-child(7){text-align:center}#order-of-member tbody td:last-child{text-align:right;padding-right:20px}#order-of-member tbody .money{display:flex;flex-direction:column;align-items:flex-end}#order-of-member tbody .number{font-weight:500;color:#000}#order-of-member tbody .order-id{color:#1890ff;font-weight:500;cursor:pointer;display:inline-block;margin-right:10px}#order-of-member tbody .order-quantity{display:inline-block}#order-of-member tbody .paid{color:#00ab55;font-weight:500}#order-of-member tbody .paid-a-part{color:#1890ff;font-weight:500}#order-of-member tbody .not-paid{color:red;font-weight:500}#order-of-member tbody .type-of-order{width:-moz-fit-content;width:fit-content;margin:5px auto}#order-of-member tbody .order-status{display:inline-flex;padding:2px 5px;border-radius:2px;margin-left:10px;align-items:center;justify-content:center}#order-of-member tbody .reject{background:#bbb}#order-of-member tbody .cancel{background:#ccc}#order-of-member tbody .delivered{color:#229a16;background-color:rgba(84,214,44,.16)}#order-of-member tbody .waiting{color:#b72136;background:rgba(255,72,66,.16)}#order-of-member tbody .delivering{color:#b78103;background-color:rgba(255,193,7,.16)}#order-of-member tbody .actions{text-align:right}#order-of-member tbody .actions button{margin:0}#order-of-member tbody button{transition:all .2s ease;padding:2px 10px;border-radius:2px;margin:0 5px}#order-of-member tbody button.cancel{color:red;border:1px solid red}#order-of-member tbody button.cancel:hover{background-color:red;color:#fff;border:1px solid red}#order-of-member tbody button.confirm{color:#00ab55;border:1px solid #00ab55;border-radius:5px;padding:5px 10px}#order-of-member tbody button.confirm:hover{background-color:green;color:#fff}#order-of-member .name{font-weight:500;color:#333}#order-of-member .phone{font-weight:500;color:gray}#order-of-member .address{color:#000;font-size:14px}#order-of-member .mid-item{margin-top:5px;margin-bottom:5px}#note-of-member{flex:1 1;padding:10px}#note-of-member h2{text-align:left;font-weight:500;font-size:20px;margin-bottom:10px;color:#00ab55}#note-of-member .list-note{background:#ddd;border-top-left-radius:5px;border-top-right-radius:5px;padding:10px}#note-of-member .time{margin-right:10px;color:gray}#note-of-member .item{display:flex;padding:5px 10px}#note-of-member .item:hover{background-color:#ebf8f2;cursor:pointer}#note-of-member .detail{flex:1 1;margin-left:10px;padding-left:20px;position:relative;border-left:1px solid #eee;color:#444;align-items:center}#note-of-member .detail .content{min-height:100%;display:flex;align-items:center;word-break:break-word}#note-of-member .detail .icon{width:10px;height:10px;border-radius:100%;position:absolute;left:-1px;transform:translate(-50%,-50%);top:50%;background-color:#fff}#note-of-member .detail .status{font-weight:500}#note-of-member .detail .order-id{color:gray;font-weight:500;cursor:pointer}#order-detail{flex:1 1}#order-detail .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#order-detail .head-bar .name{font-size:25px;font-weight:500;color:#00ab55;display:flex;align-items:center}#order-detail .head-bar button{border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px;margin-left:20px}#order-detail .head-bar button.done{background-color:#fff;border:1px solid #00ab55;color:#00ab55}#order-detail .head-bar button.back{background:#00ab55;color:#fff}#order-detail .head-bar button.cancel{color:red;border:1px solid red;font-weight:400}#order-detail .head-bar button:hover{transform:scale(1.1)}#order-detail .head-bar ion-icon{font-size:25px;margin-right:5px}#order-detail .head-bar .order-id{color:gray;margin-left:10px;font-weight:700;font-size:inherit}#order-detail .order-detail{margin-top:10px;padding-bottom:100px}#order-detail .top-info{padding-top:10px;display:flex;justify-content:space-between;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#order-detail .top-info .member{padding-top:50px;padding-left:50px}#order-detail .top-info .member .name{font-weight:500;font-size:20px;color:#00ab55}#order-detail .top-info .member .phone{color:gray}#order-detail .top-info .type-of-order{font-weight:500;text-align:center;font-size:20px}#order-detail .top-info .progress{display:flex;position:relative}#order-detail .top-info .progress .line{position:absolute;width:68%;height:10px;background:#ddd;top:45px;left:16%}#order-detail .top-info .step{width:200px;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}#order-detail .top-info .step.cancel .icon{background:red;color:#fff}#order-detail .top-info .step.delivering{margin-left:50px;margin-right:50px}#order-detail .top-info .step .text{margin-top:10px;font-weight:500;text-align:center;color:gray}#order-detail .top-info .step .time{color:gray}#order-detail .top-info .step.active .icon{color:#fff;background-color:#00ab55}#order-detail .top-info .step.active .text{color:#333}#order-detail .top-info .icon{font-size:30px;color:gray;background-color:#ddd;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:100%}#order-detail .product-info{margin-top:30px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#order-detail .product-info table{width:100%}#order-detail .product-info th{font-weight:500;color:#fff;background-color:#00ab55;padding-top:10px;padding-bottom:10px}#order-detail .product-info th:last-child{padding-right:20px}#order-detail .product-info th .product{text-align:center}#order-detail .product-info .stt{text-align:center;padding-left:10px;padding-right:10px}#order-detail .product-info .unit{text-align:center;min-width:60px}#order-detail .product-info .quantity{text-align:right;min-width:80px}#order-detail .product-info .product{cursor:pointer;display:flex;align-items:center}#order-detail .product-info .name{flex:1 1;font-size:18px;word-break:break-word}#order-detail .product-info .note{font-size:14px;color:gray;word-break:break-word}#order-detail .product-info .price{text-align:right;min-width:100px}#order-detail .product-info .images{display:flex}#order-detail .product-info .images img{height:60px;width:60px;-o-object-fit:cover;object-fit:cover;margin-right:10px;border-radius:5px}#order-detail .product-info .total-money{text-align:right;font-weight:500;min-width:150px}#order-detail .product-info tr td{padding-top:10px;padding-bottom:10px}#order-detail .product-info tr .quantity{font-weight:500}#order-detail .product-info td{border-bottom:1px solid #00ab55}#order-detail .product-info td:first-child{text-align:center}#order-detail .product-info td:last-child{padding-right:20px}#order-detail .product-info td .stt{border-radius:100%;width:20px;height:20px;background-color:#00ab55;color:#fff;display:inline-flex;align-items:center;justify-content:center}#order-detail .extra-info{padding:20px;display:flex;margin-top:30px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#order-detail .note-info{min-width:100px;flex:1 1}#order-detail .note-info .note-content{color:gray;word-break:break-word}#order-detail .extra-info .history-payment-info{margin-right:20px;flex:1 1;margin-left:20px}#order-detail .extra-info .right-info{margin-left:20px;flex:1 1}#order-detail .extra-info .line-bottom,#order-detail .extra-info .line-head{font-weight:500;display:flex;justify-content:space-between}#order-detail .extra-info .line-2{display:flex;justify-content:space-between;color:gray;margin-top:5px;margin-bottom:5px}#order-detail .extra-info .line-bottom .number{color:#000}#order-detail .extra-info .payment-item{display:flex;padding-bottom:5px;padding-top:5px;border-bottom:1px solid #ddd}#order-detail .extra-info .payment-item .hour{color:gray;font-size:13px;text-align:center}#order-detail .extra-info .payment-item .type-of-money{flex:1 1;margin-left:20px;margin-right:20px}#order-detail .extra-info .debt{display:flex;justify-content:space-between;padding-top:5px;padding-bottom:10px}#order-detail .extra-info .debt .label{color:red;border-radius:5px;font-weight:500}#order-detail .extra-info .debt .number{color:gray}#order-detail .extra-info .action{text-align:right}#order-detail .extra-info .action button{background-color:#00ab55;color:#fff;padding:5px 10px;border-radius:5px;font-weight:500}#order-detail .actions{padding:10px 30px 10px 10px;background:#fff;box-shadow:0 8px 24px hsla(210,8%,62%,.2);margin-top:10px;text-align:right;display:flex;justify-content:flex-end;position:fixed;width:calc(100% - 280px);bottom:0;right:0}#order-detail .actions button{border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px;margin-left:20px}#order-detail .actions button.back{background:#00ab55;color:#fff}#order-detail .actions button.cancel{color:red;border:1px solid red;font-weight:400}#order-detail .actions button:hover{transform:scale(1.1)}#order-detail .actions ion-icon{font-size:25px;margin-right:5px}#order-detail .shipping-data{padding:20px;display:flex;flex-direction:column;gap:10px;margin-top:10px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#order-detail .shipping-data .item{flex:1 1}#order-detail .shipping-data .item .label{color:gray}#order-detail .shipping-data .item .value{color:#00ab55;font-weight:700}#order-detail .shipping-section{margin-top:10px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);padding:20px}#order-detail .shipping-section .title{font-weight:700;margin-bottom:10px;display:flex;align-items:center}#order-detail .shipping-section .list-agent{display:flex;gap:10px}#order-detail .shipping-section .list-agent .agent{border:1px solid #ddd;padding:5px 10px;border-radius:5px;cursor:pointer}#order-detail .shipping-section .list-agent .agent .status{text-align:right;color:gray}#order-detail .shipping-section .list-agent .agent .status.active{color:#00ab55}#order-detail .shipping-section .list-agent .agent.active{color:#00ab55;font-weight:700;background:#ebf8f2}#order-detail .shipping-section .shipping-info{margin-top:10px}#order-detail .shipping-section .shipping-info .contact-info{display:flex;gap:10px}#order-detail .shipping-section .shipping-info .receiver,#order-detail .shipping-section .shipping-info .sender{padding:10px 10px 10px 0;flex:1 1;position:relative}#order-detail .shipping-section .shipping-info .receiver .edit,#order-detail .shipping-section .shipping-info .sender .edit{display:inline-flex;font-size:20px;top:0;border-radius:5px;margin-left:5px;cursor:pointer;color:#00ab55}#order-detail .shipping-section .ship-meta{padding:10px 10px 10px 0;display:flex;gap:10px}#order-detail .shipping-section .ship-meta .left,#order-detail .shipping-section .ship-meta .right,#order-detail .shipping-section .ship-meta .right2{flex:2 1}#order-detail .shipping-section .ship-meta .cod,#order-detail .shipping-section .ship-meta .weight{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:10px;position:relative}#order-detail .shipping-section .ship-meta .cod input,#order-detail .shipping-section .ship-meta .weight input{border:1px solid #eee;width:150px;min-height:30px;font-weight:700;text-align:right;padding:0 30px 0 10px;color:#00ab55}#order-detail .shipping-section .ship-meta .cod .unit,#order-detail .shipping-section .ship-meta .weight .unit{right:10px;position:absolute}#order-detail .shipping-section .ship-meta .fee{display:flex;align-items:center}#order-detail .shipping-section .ship-meta .who-pay-ship{flex:1 1;display:flex;justify-content:flex-end;gap:20px}#order-detail .shipping-section .ship-meta textarea{width:100%;resize:vertical;border:1px solid #eee;padding:10px;margin-top:10px}#order-detail .shipping-section .ship-meta .list-options{padding-left:5px}#order-detail .shipping-section .shipping-services{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}#order-detail .shipping-section .shipping-services .service-item{padding:10px;border:1px solid #eee;box-shadow:0 8px 24px hsla(210,8%,62%,.2);border-radius:5px;cursor:pointer}#order-detail .shipping-section .shipping-services .service-item.active{background-color:#ebf8f2;border-bottom:2px solid #00ab55}#order-detail .shipping-section .shipping-services .service-item:hover{background-color:#ebf8f2}#order-detail .shipping-section .shipping-services .service-item .money{color:#00ab55;font-weight:700}#order-detail .shipping-section .shipping-services .service-item .estimate-time{color:gray;display:flex;justify-content:space-between}#order-detail .shipping-section .shipping-services .service-item .estimate-time .value{font-weight:700}#order-detail .shipping-section .shipping-services .service-item .estimate-time span{margin-right:10px}#order-list{flex:1 1}#order-list .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#order-list .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#order-list .head-bar button{background:#00ab55;color:#fff;border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px}#order-list .head-bar button:hover{transform:scale(1.1)}#order-list .head-bar ion-icon{font-size:25px;margin-right:5px}#order-list .customer-table{padding-top:10px}#order-list .customer-table .body-content{padding:0 20px 20px;border-bottom:1px solid #ddd}#order-list .customer-table table{width:100%}#order-list .customer-table thead th{height:50px;background-color:#ddd;color:gray}#order-list .customer-table thead th:first-child{border-top-left-radius:5px}#order-list .customer-table thead th:last-child{border-top-right-radius:5px;text-align:right;padding-right:20px}#order-list .customer-table thead th:first-child{text-align:center}#order-list .customer-table thead th:nth-child(2),#order-list .customer-table thead th:nth-child(3),#order-list .customer-table thead th:nth-child(4){text-align:left}#order-list .customer-table thead th:nth-child(5){text-align:right}#order-list .customer-table thead th:nth-child(6),#order-list .customer-table thead th:nth-child(7){text-align:center}#order-list .customer-table tbody tr:nth-child(2n){background-color:#ebf8f2}#order-list .customer-table tbody td{padding:15px 0;color:gray;font-weight:500}#order-list .customer-table tbody td.stt{text-align:center}#order-list .customer-table tbody td .order,#order-list .customer-table tbody td.time{text-align:left}#order-list .customer-table tbody td.status,#order-list .customer-table tbody td.total-money,#order-list .customer-table tbody td.type-of-order,#order-list .customer-table tbody td:nth-child(7){text-align:center}#order-list .customer-table tbody td:last-child{text-align:right;padding-right:20px}#order-list .customer-table tbody .money{display:flex;flex-direction:column;align-items:flex-end}#order-list .customer-table tbody .number{font-weight:500;color:#000}#order-list .customer-table tbody .order-id{color:#1890ff;font-weight:500;cursor:pointer;display:inline-block;margin-right:10px}#order-list .customer-table tbody .order-quantity{display:inline-block;color:#222}#order-list .customer-table tbody .paid{color:#00ab55;font-weight:500}#order-list .customer-table tbody .paid-a-part{color:#1890ff;font-weight:500}#order-list .customer-table tbody .not-paid{color:red;font-weight:500}#order-list .customer-table tbody .type-of-order{width:-moz-fit-content;width:fit-content;margin:5px 10px 5px auto}#order-list .customer-table tbody .order-status{display:inline-flex;padding:2px 5px;border-radius:2px;align-items:center;justify-content:center}#order-list .customer-table tbody .cancel{background:#ccc;color:gray}#order-list .customer-table tbody .reject{background:#ccc;color:red}#order-list .customer-table tbody .delivered{color:#00ab55;background-color:rgba(84,214,44,.16)}#order-list .customer-table tbody .waiting{color:#b72136;background:rgba(255,72,66,.16)}#order-list .customer-table tbody .waiting-product{color:#306fcb;background:rgba(60,166,210,.16)}#order-list .customer-table tbody .delivering{color:#b78103;background-color:rgba(255,193,7,.16)}#order-list .customer-table tbody .actions{text-align:right;display:flex;justify-content:flex-end}#order-list .customer-table tbody .actions button{margin:0}#order-list .customer-table tbody button{transition:all .2s ease;padding:2px 10px;border-radius:2px;margin:0 5px}#order-list .customer-table tbody button.cancel{color:red;border:1px solid red;border-radius:5px;padding:5px 10px;margin-right:20px;background-color:#fff}#order-list .customer-table tbody button.cancel:hover{background-color:gray;color:red}#order-list .customer-table tbody button.confirm{color:#00ab55;border:1px solid #00ab55;border-radius:5px;padding:5px 10px;background-color:#fff}#order-list .customer-table tbody button.confirm:hover{background-color:green;color:#fff}#order-list .customer-table .name{font-weight:500;color:#333}#order-list .customer-table .phone{font-weight:500;color:gray}#order-list .customer-table .address{color:#000;font-size:14px;word-break:break-word;max-width:400px}#order-list .customer-table .mid-item{margin-top:5px;margin-bottom:5px}#order-list .wrapper{box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#order-list .head-tab{display:flex;background-color:#ddd;border-top-left-radius:5px;border-top-right-radius:5px;max-width:calc(100vw - 300px);overflow-x:auto}#order-list .head-tab .tab-item{padding:5px 20px;font-weight:500;color:gray;display:flex;align-items:center;justify-content:center;height:50px;cursor:pointer;transition:all .2s ease;white-space:nowrap}#order-list .head-tab .tab-item.active,#order-list .head-tab .tab-item:hover{background-color:#fff}#order-list .head-tab .number{border-radius:5px;color:#00ab55;margin-left:10px;background-color:#ebf8f2;padding:2px 5px;font-size:12px}#order-list .search-box{margin:10px 0;position:relative;display:flex;justify-content:space-between;align-items:center}#order-list .search-box .input-wrapper{position:relative;width:40%}#order-list .footer-content{display:flex;align-items:center;justify-content:center;padding:10px}#order-list .footer-content .page{padding:5px 10px;border-radius:5px;border:1px solid #ddd;margin:0 5px;display:flex;align-items:center;justify-content:center;color:#00ab55;cursor:pointer}#order-list .red{color:red}#order-list .green{color:#00ab55}#product-editor,.product-editor{flex:1 1;width:928px;max-width:90%;margin:80px auto 0}#product-editor .head-bar,.product-editor .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);position:fixed;left:280px;width:calc(100% - 280px)}#product-editor .head-bar .name,.product-editor .head-bar .name{font-size:25px;font-weight:500;color:#00ab55;display:flex;align-items:center}#product-editor .head-bar button,.product-editor .head-bar button{border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px}#product-editor .head-bar button.back,.product-editor .head-bar button.back{background:#00ab55;color:#fff}#product-editor .head-bar button.cancel,.product-editor .head-bar button.cancel{color:red;border:1px solid red}#product-editor .head-bar button:hover,.product-editor .head-bar button:hover{transform:scale(1.1)}#product-editor .head-bar ion-icon,.product-editor .head-bar ion-icon{font-size:25px;margin-right:5px}#product-editor .head-bar .order-id,.product-editor .head-bar .order-id{color:gray;margin-left:10px;font-weight:700}#product-editor .product-detail,.product-editor .product-detail{border-radius:12px!important;padding:10px 20px!important;margin-top:0!important}#product-editor .product-detail.drawer,.product-editor .product-detail.drawer{padding:0!important}#product-editor .product-detail .line,.product-editor .product-detail .line{margin-bottom:20px}#product-editor .product-detail .line input.main-input:not(:-moz-placeholder-shown),.product-editor .product-detail .line input.main-input:not(:-moz-placeholder-shown){font-weight:700}#product-editor .product-detail .line input.main-input:not(:-ms-input-placeholder),.product-editor .product-detail .line input.main-input:not(:-ms-input-placeholder){font-weight:700}#product-editor .product-detail .line input.main-input:not(:placeholder-shown),.product-editor .product-detail .line input.main-input:not(:placeholder-shown){font-weight:700}#product-editor .product-detail .line input.main-input,.product-editor .product-detail .line input.main-input{border-radius:2px;border:1px solid #ddd;outline:none;color:#00ab55;flex:1 1;padding:5px;border-radius:5px}#product-editor .product-detail .line input.main-input:focus,.product-editor .product-detail .line input.main-input:focus{outline:1px solid #00ab55}#product-editor .product-detail .line .label-input,.product-editor .product-detail .line .label-input{margin-right:10px}#product-editor .product-detail .line .label,.product-editor .product-detail .line .label{color:gray}#product-editor .product-detail .product-category .right-action,#product-editor .product-detail .product-category .wrap,#product-editor .product-detail .product-name,.product-editor .product-detail .product-category .right-action,.product-editor .product-detail .product-category .wrap,.product-editor .product-detail .product-name{display:flex;align-items:center}#product-editor .product-detail .product-category .right-action button,.product-editor .product-detail .product-category .right-action button{padding:5px;border-radius:5px;display:flex;align-items:center;font-size:16px;color:#00ab55;border:1px solid #00ab55}#product-editor .product-detail .product-code,.product-editor .product-detail .product-code{display:flex;align-items:center;gap:10px}#product-editor .product-detail .product-code .item,.product-editor .product-detail .product-code .item{display:flex;align-items:center;min-width:400px}#product-editor .product-detail .product-code .item:last-child,.product-editor .product-detail .product-code .item:last-child{margin-left:50px}#product-editor .product-detail .product-description,.product-editor .product-detail .product-description{width:100%}#product-editor .product-detail .product-description textarea,.product-editor .product-detail .product-description textarea{margin-top:2px;border:1px solid #ddd;resize:vertical;width:100%;outline:none;padding:10px;border-radius:5px;font-size:15px;color:gray;min-height:100px}#product-editor .product-detail .line-unit,.product-editor .product-detail .line-unit{margin-bottom:10px;border-top:1px solid #ddd;padding-top:10px}#product-editor .product-detail .line-unit:first-child,.product-editor .product-detail .line-unit:first-child{border-top:none;padding-top:0}#product-editor .product-detail .unit-wrapper,.product-editor .product-detail .unit-wrapper{margin-top:10px;border-radius:5px;display:flex;align-items:center;justify-content:space-between}#product-editor .product-detail .unit-wrapper .unit-convert,.product-editor .product-detail .unit-wrapper .unit-convert{display:flex;align-items:center}#product-editor .product-detail .unit-wrapper .unit-convert input,.product-editor .product-detail .unit-wrapper .unit-convert input{padding:5px;border:1px solid #ccc;width:150px;border-radius:5px;outline:none}#product-editor .product-detail .unit-wrapper .unit-convert .equal,.product-editor .product-detail .unit-wrapper .unit-convert .equal{margin-left:10px;margin-right:10px}#product-editor .product-detail .unit-wrapper .unit-convert .base-unit,.product-editor .product-detail .unit-wrapper .unit-convert .base-unit{margin-left:10px}#product-editor .product-detail .unit-wrapper .action-wrapper,.product-editor .product-detail .unit-wrapper .action-wrapper{display:flex;gap:10px}#product-editor .product-detail .unit-wrapper .action,.product-editor .product-detail .unit-wrapper .action{display:flex;align-items:center;color:gray;font-size:22px;border:1px solid #ccc;padding:5px;border-radius:5px;cursor:pointer}#product-editor .product-detail .product-properties .head-wrapper,.product-editor .product-detail .product-properties .head-wrapper{display:flex;align-items:center;justify-content:space-between}#product-editor .product-detail .product-properties .list-key-value,.product-editor .product-detail .product-properties .list-key-value{display:flex;align-items:center;gap:10px}#product-editor .product-detail .product-properties .property-item,.product-editor .product-detail .product-properties .property-item{margin-top:10px;display:flex;align-items:center;flex-wrap:nowrap;justify-content:space-between}#product-editor .product-detail .product-properties .property-item .info,.product-editor .product-detail .product-properties .property-item .info{display:flex;align-items:center}#product-editor .product-detail .product-properties .property-item .actions,.product-editor .product-detail .product-properties .property-item .actions{display:flex;align-items:center;gap:10px}#product-editor .product-detail .product-properties .property-item .edit-property,.product-editor .product-detail .product-properties .property-item .edit-property{display:flex;align-items:center;color:gray;font-size:22px;border:1px solid #ccc;padding:5px;border-radius:5px;cursor:pointer}#product-editor .product-detail .product-properties .property-item .remove-property,.product-editor .product-detail .product-properties .property-item .remove-property{display:flex;align-items:center;color:gray;font-size:20px;border:1px solid #ddd;padding:5px;border-radius:5px;cursor:pointer}#product-editor .product-detail .product-properties .property-item .property-key,.product-editor .product-detail .product-properties .property-item .property-key{display:flex;align-items:center;width:200px;border:1px solid #ddd;justify-content:space-between;padding:5px;border-radius:5px;margin-right:10px;outline:none}#product-editor .product-detail .product-properties .property-item .property-key span,.product-editor .product-detail .product-properties .property-item .property-key span{display:flex;align-items:center;white-space:nowrap}#product-editor .product-detail .product-properties .property-item .property-values,.product-editor .product-detail .product-properties .property-item .property-values{display:flex;align-items:center;flex-wrap:wrap}#product-editor .product-detail .product-properties .property-item .property-values .value-item,.product-editor .product-detail .product-properties .property-item .property-values .value-item{padding:5px;background-color:#ddd;border-radius:5px;margin-left:10px;min-width:50px;display:inline-flex;justify-content:center;position:relative}#product-editor .product-detail .product-properties .property-item .property-values .value-item .remove,.product-editor .product-detail .product-properties .property-item .property-values .value-item .remove{display:flex;align-items:center;position:absolute;top:-5px;right:-5px;background-color:gray;border-radius:10px;color:red;cursor:pointer}#product-editor .product-detail .product-properties .property-item .property-values .input-helper,.product-editor .product-detail .product-properties .property-item .property-values .input-helper{flex-wrap:nowrap;display:flex}#product-editor .product-detail .product-properties .property-item .property-values .input-helper input,.product-editor .product-detail .product-properties .property-item .property-values .input-helper input{border:1px solid #ddd;padding:5px;border-radius:5px;margin-left:10px;outline:none}#product-editor .product-detail .product-properties .property-item .property-values .input-helper button,.product-editor .product-detail .product-properties .property-item .property-values .input-helper button{padding:5px;margin-left:10px;border-radius:5px;white-space:nowrap}#product-editor .product-detail .product-images-head,.product-editor .product-detail .product-images-head{display:flex;justify-content:space-between;align-items:flex-start}#product-editor .product-detail .list-products-images,.product-editor .product-detail .list-products-images{margin-top:10px;display:flex;width:100%;flex-wrap:wrap;justify-content:flex-start}#product-editor .product-detail .list-products-images .image-item,.product-editor .product-detail .list-products-images .image-item{margin-right:10px;display:flex;line-height:100%;position:relative}#product-editor .product-detail .list-products-images .image-item:last-child,.product-editor .product-detail .list-products-images .image-item:last-child{margin-right:0}#product-editor .product-detail .list-products-images .image-item .remove-image,.product-editor .product-detail .list-products-images .image-item .remove-image{position:absolute;right:-5px;top:-5px;cursor:pointer;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:100%;z-index:2}#product-editor .product-detail .list-products-images .image-item .remove-image:hover,.product-editor .product-detail .list-products-images .image-item .remove-image:hover{color:red}#product-editor .product-detail .list-products-images .image-item img,.product-editor .product-detail .list-products-images .image-item img{border-radius:5px;width:150px;-o-object-fit:cover;object-fit:cover}#product-editor .product-detail .product-unit,.product-editor .product-detail .product-unit{display:flex;align-items:center}#product-editor .product-detail .product-unit input,.product-editor .product-detail .product-unit input{margin-right:10px}#product-editor .product-detail .product-unit button,.product-editor .product-detail .product-unit button{margin-left:10px}#product-editor .product-detail .inventory-data,.product-editor .product-detail .inventory-data{display:flex;align-items:center;justify-content:space-between}#product-editor .product-detail .head-classify-action,.product-editor .product-detail .head-classify-action{display:flex;align-items:center}#product-editor .product-detail .head-classify-action .remove-classify,.product-editor .product-detail .head-classify-action .remove-classify{color:gray;font-size:20px;margin-right:20px;border:1px solid #ccc;display:flex;align-items:center;padding:5px;border-radius:5px;cursor:pointer}#product-editor .product-detail .waring-inventory input,.product-editor .product-detail .waring-inventory input{height:30px;width:75px}#product-editor .product-detail .waring-inventory .toggle,.product-editor .product-detail .waring-inventory .toggle{margin-left:10px;margin-right:10px}#product-editor .product-detail .title-label,.product-editor .product-detail .title-label{margin-bottom:10px}#product-editor .product-detail .title-link,.product-editor .product-detail .title-link{display:flex;align-items:center;justify-content:space-between;margin-top:10px}#product-editor .product-detail .title-link a,.product-editor .product-detail .title-link a{color:#00ab55}#product-editor .product-detail .recommend-unit,.product-editor .product-detail .recommend-unit{display:flex;margin-top:10px}#product-editor .product-detail .recommend-unit button,.product-editor .product-detail .recommend-unit button{margin-right:10px}#product-editor .product-detail .list-price,.product-editor .product-detail .list-price{display:flex;align-items:center;justify-content:space-between}#product-editor .product-detail .product-inventory,#product-editor .product-detail .revenue-value,.product-editor .product-detail .product-inventory,.product-editor .product-detail .revenue-value{color:gray}#product-editor .product-detail .product-inventory .head-label,.product-editor .product-detail .product-inventory .head-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}#product-editor .product-detail .product-inventory .head-label .title-label,.product-editor .product-detail .product-inventory .head-label .title-label{margin-bottom:0}#product-editor .product-detail .product-inventory .wrap,.product-editor .product-detail .product-inventory .wrap{display:flex;width:100%;align-items:center;margin-top:10px}#product-editor .product-detail .product-inventory .wrap .left,.product-editor .product-detail .product-inventory .wrap .left{display:flex;align-items:center;margin-left:20px}#product-editor .product-detail .product-inventory .wrap .left button,.product-editor .product-detail .product-inventory .wrap .left button{margin-right:20px}#product-editor .product-detail .product-inventory .wrap .right,.product-editor .product-detail .product-inventory .wrap .right{flex:1 1;display:flex;align-items:center;justify-content:flex-end}#product-editor .product-detail .product-inventory .wrap .right .toggle,.product-editor .product-detail .product-inventory .wrap .right .toggle{margin-left:10px}#product-editor .product-detail .product-inventory .wrap-2,.product-editor .product-detail .product-inventory .wrap-2{display:flex;align-items:center}#product-editor .product-detail .product-inventory .wrap-2 .left,#product-editor .product-detail .product-inventory .wrap-2 .right,.product-editor .product-detail .product-inventory .wrap-2 .left,.product-editor .product-detail .product-inventory .wrap-2 .right{display:flex;align-items:center;color:gray}#product-editor .product-detail .product-inventory .wrap-2 .left,.product-editor .product-detail .product-inventory .wrap-2 .left{margin-right:50px}#product-editor .product-detail .product-inventory .wrap-3,.product-editor .product-detail .product-inventory .wrap-3{display:flex;align-items:center;justify-content:space-between;padding-top:20px}#product-editor .product-detail .product-inventory .wrap-3 .green,.product-editor .product-detail .product-inventory .wrap-3 .green{color:#00ab55}#product-editor .product-detail .product-inventory .wrap-3 .right,.product-editor .product-detail .product-inventory .wrap-3 .right{display:flex;align-items:center}#product-editor .product-detail .product-inventory .wrap-3 .right .toggle,.product-editor .product-detail .product-inventory .wrap-3 .right .toggle{margin-left:10px}#product-editor .product-detail .product-classify .head-classify,.product-editor .product-detail .product-classify .head-classify{display:flex;justify-content:space-between;margin-bottom:10px}#product-editor .product-detail .product-classify .head-classify .title,.product-editor .product-detail .product-classify .head-classify .title{color:#00ab55;font-weight:700}#product-editor .product-detail .product-classify .head-classify .add-classify,.product-editor .product-detail .product-classify .head-classify .add-classify{background:#00ab55;color:#fff;border-radius:5px;display:flex;justify-content:center;align-items:center;padding:5px 10px}#product-editor .product-detail .product-classify .head-classify .add-classify span,.product-editor .product-detail .product-classify .head-classify .add-classify span{margin-left:10px}#product-editor .product-detail .product-classify .head-classify .add-classify ion-icon,.product-editor .product-detail .product-classify .head-classify .add-classify ion-icon{font-size:20px}#product-editor .product-detail .product-classify .head-line,.product-editor .product-detail .product-classify .head-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}#product-editor .product-detail .product-classify .head-line .label,.product-editor .product-detail .product-classify .head-line .label{font-weight:700;color:gray}#product-editor .product-detail .product-classify .list-classifies .classify-product,.product-editor .product-detail .product-classify .list-classifies .classify-product{background:#eee;padding:10px;border-radius:10px;margin-bottom:10px;transition:all .2s ease}#product-editor .product-detail .product-classify .list-classifies .top-line,.product-editor .product-detail .product-classify .list-classifies .top-line{display:flex;justify-content:space-between;align-items:center}#product-editor .product-detail .product-classify .list-classifies .top-line .title,.product-editor .product-detail .product-classify .list-classifies .top-line .title{color:#00ab55;font-weight:700}#product-editor .product-detail .product-classify .list-classifies .top-line .classify-info,.product-editor .product-detail .product-classify .list-classifies .top-line .classify-info{color:#00ab55}#product-editor .product-detail .product-classify .list-classifies .top-line.active .classify-info,.product-editor .product-detail .product-classify .list-classifies .top-line.active .classify-info{display:none}#product-editor .product-detail .product-classify .list-classifies .top-line .open-close,.product-editor .product-detail .product-classify .list-classifies .top-line .open-close{display:flex;align-items:center;cursor:pointer;background:#ccc;padding:5px 10px;border-radius:5px;transition:all .2s ease;color:gray}#product-editor .product-detail .product-classify .list-classifies .top-line .open-close:hover,.product-editor .product-detail .product-classify .list-classifies .top-line .open-close:hover{background:#00ab55;color:#fff}#product-editor .product-detail .product-classify .list-classifies .top-line .open-close span,.product-editor .product-detail .product-classify .list-classifies .top-line .open-close span{margin-right:5px}#product-editor .product-detail .product-classify .list-classifies .detail-head,.product-editor .product-detail .product-classify .list-classifies .detail-head{justify-content:flex-end;display:flex}#product-editor .shadow-none,.product-editor .shadow-none{margin-bottom:0!important;box-shadow:none!important}#product-editor .group-wrapper,.product-editor .group-wrapper{box-shadow:0 8px 24px hsla(210,8%,62%,.2);margin-bottom:10px;position:relative}#product-editor .remove-classify,.product-editor .remove-classify{color:red;font-size:20px;position:absolute;right:-14px;top:-15px;padding:5px;border:1px solid #fff;display:flex;cursor:pointer;background:gray;border-radius:100px}#product-editor .list-product-title,.product-editor .list-product-title{color:gray;font-weight:700;margin-bottom:5px}#product-editor .classify-item,.product-editor .classify-item{background-color:rgba(8,41,28,.102);position:relative;border-radius:5px;margin-bottom:20px;padding-bottom:35px}#product-editor .classify-item>.line:first-child,.product-editor .classify-item>.line:first-child{margin-bottom:0!important}#product-editor .classify-item>.line:first-child .product-properties .head-wrapper .label,.product-editor .classify-item>.line:first-child .product-properties .head-wrapper .label{font-weight:700}#product-editor .bottom-actions,.product-editor .bottom-actions{display:flex;justify-content:space-between;margin-bottom:20px}.selection-mode td{cursor:pointer}.selection-mode td *{pointer-events:none}#warehouse-list{flex:1 1}#warehouse-list .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#warehouse-list .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#warehouse-list .head-bar .head-right{display:flex;align-items:center}#warehouse-list .head-bar button{background:#00ab55;color:#fff;border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px;margin-left:20px}#warehouse-list .head-bar button:hover{transform:scale(1.1)}#warehouse-list .head-bar button.expenses{background-color:red}#warehouse-list .head-bar ion-icon{font-size:25px;margin-right:5px}#warehouse-list .head-tab{display:flex;background-color:#ddd;border-top-left-radius:5px;border-top-right-radius:5px;align-items:center}#warehouse-list .head-tab .filter{padding:5px;display:flex;align-items:center;transition:all .2s ease;color:gray}#warehouse-list .head-tab .filter ion-icon{font-size:20px}#warehouse-list .head-tab .filter:hover{border-radius:100%;background-color:#a9a9a9;color:#000}#warehouse-list .head-tab .list-tab-items{max-width:calc(100vw - 300px);overflow-x:auto;display:flex;flex:1 1}#warehouse-list .head-tab .tab-item{padding:5px 20px;font-weight:500;color:gray;display:flex;align-items:center;justify-content:center;height:50px;cursor:pointer;transition:all .2s ease;white-space:nowrap}#warehouse-list .head-tab .tab-item span{max-width:300px;overflow:hidden}#warehouse-list .head-tab .tab-item:first-child{border-top-left-radius:5px}#warehouse-list .head-tab .tab-item:last-child{border-top-right-radius:5px}#warehouse-list .head-tab .tab-item.active,#warehouse-list .head-tab .tab-item:hover{background-color:#fff}#warehouse-list .head-tab .number{border-radius:5px;color:#00ab55;margin-left:10px;background-color:#ebf8f2;padding:2px 5px;font-size:12px}#warehouse-list .statistic-wrapper{padding-top:10px}#warehouse-list .statistic-wrapper .statistic{box-shadow:0 8px 24px hsla(210,8%,62%,.2);border-radius:5px}#warehouse-list .statistic-wrapper .statistic .above{display:flex;align-items:center;justify-content:space-between;color:gray;font-weight:500}#warehouse-list .statistic-wrapper .statistic .below{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ddd}#warehouse-list .statistic-wrapper .statistic .statistic-expenses{flex:1 1;text-align:center;border-right:1px solid #ddd;padding:10px 0;cursor:pointer}#warehouse-list .statistic-wrapper .statistic .statistic-expenses.no-code-product .number{color:#00ab55}#warehouse-list .statistic-wrapper .statistic .statistic-expenses .number{color:red;font-size:20px}#warehouse-list .statistic-wrapper .statistic .statistic-revenue{flex:1 1;text-align:center;cursor:pointer}#warehouse-list .statistic-wrapper .statistic .statistic-revenue .number{color:#00ab55;font-size:20px}#warehouse-list .statistic-wrapper .statistic .chart,#warehouse-list .statistic-wrapper .statistic .time{padding:10px 0;display:flex;align-items:center;justify-content:center;flex:1 1;color:gray;cursor:pointer}#warehouse-list .statistic-wrapper .statistic .chart ion-icon,#warehouse-list .statistic-wrapper .statistic .time ion-icon{margin-left:10px}#warehouse-list .statistic-wrapper .statistic .time:hover{color:#00ab55}#warehouse-list .customer-table{padding-top:10px}#warehouse-list .customer-table .body-content{padding:0 20px 20px;border-bottom:1px solid #ddd}#warehouse-list .customer-table table{width:100%}#warehouse-list .customer-table thead th{height:50px;background-color:#ddd;color:gray}#warehouse-list .customer-table thead th.product-info,#warehouse-list .customer-table thead th.sku{text-align:center}#warehouse-list .customer-table thead th.allow-sale,#warehouse-list .customer-table thead th.inventory,#warehouse-list .customer-table thead th.price-buy,#warehouse-list .customer-table thead th.price-sell{text-align:right;padding:0 20px}#warehouse-list .customer-table tbody tr:nth-child(2n){background-color:#ebf8f2}#warehouse-list .customer-table tbody .stocking{color:#00ab55}#warehouse-list .customer-table tbody .out-of-stock{color:red}#warehouse-list .customer-table tbody td{padding:15px 0;color:gray;font-weight:500}#warehouse-list .customer-table tbody td .print,#warehouse-list .customer-table tbody td .sku{text-align:center}#warehouse-list .customer-table tbody td .print button{border:1px solid #00ab55;font-weight:400;padding:2px 5px;border-radius:5px;cursor:#00ab55;display:inline-flex;align-items:center;font-size:14px}#warehouse-list .customer-table tbody td .print button ion-icon{font-size:20px;margin-left:5px;color:#00ab55}#warehouse-list .customer-table tbody td.td-product-info{min-width:200px}#warehouse-list .customer-table tbody td.td-product-info .name{cursor:pointer}#warehouse-list .customer-table tbody td .product-info{text-align:left;display:flex;align-items:flex-start;max-width:400px}#warehouse-list .customer-table tbody td .product-info img{width:60px;height:60px;margin-right:20px;border-radius:5px;-o-object-fit:cover;object-fit:cover;cursor:pointer}#warehouse-list .customer-table tbody td .product-info .name{font-weight:400;line-height:22px;word-break:break-word}#warehouse-list .customer-table tbody td .price-buy,#warehouse-list .customer-table tbody td .price-sell{text-align:right;padding:0 20px;color:#00ab55}#warehouse-list .customer-table tbody td .price-buy input,#warehouse-list .customer-table tbody td .price-sell input{text-align:right;border-bottom:1px solid #ddd;outline:none;width:150px;background-color:transparent}#warehouse-list .customer-table tbody td .price-buy input:focus,#warehouse-list .customer-table tbody td .price-sell input:focus{border-bottom:2px solid #00ab55}#warehouse-list .customer-table tbody td .allow-sale,#warehouse-list .customer-table tbody td .inventory{text-align:right;padding:0 20px}#warehouse-list .customer-table tbody .price-wrapper{position:relative}#warehouse-list .customer-table tbody .price-wrapper .rate-promotion{white-space:nowrap;position:absolute;right:0;top:-20px;font-size:12px;background-color:#ffd633;padding:0 5px;border-radius:5px;display:flex;align-items:center}#warehouse-list .customer-table tbody .price-wrapper .rate-promotion .value{color:red;margin-left:2px}#warehouse-list .customer-table .name{font-weight:500;color:#333}#warehouse-list .customer-table .phone{font-weight:500;color:gray}#warehouse-list .wrapper{box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#warehouse-list .top{display:flex}#warehouse-list .referer{display:flex;align-items:center;justify-content:flex-end}#warehouse-list .referer button{margin-left:20px}#warehouse-list .search-box{margin:20px 20px 20px 0;position:relative;flex:1 1}#warehouse-list .footer-content{display:flex;align-items:center;justify-content:center;padding:10px}#warehouse-list .red{color:red}#warehouse-list .green{color:#00ab55}#warehouse-editor{flex:1 1;padding-bottom:20px}#warehouse-editor .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);position:fixed;left:280px;width:calc(100% - 280px)}#warehouse-editor .head-bar .name{font-size:25px;font-weight:500;color:#00ab55;display:flex;align-items:center}#warehouse-editor .head-bar .print-bar-code{margin-right:20px}#warehouse-editor .head-bar button{border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px}#warehouse-editor .head-bar button.back{background:#00ab55;color:#fff}#warehouse-editor .head-bar button.cancel{color:red;border:1px solid red}#warehouse-editor .head-bar button:hover{transform:scale(1.1)}#warehouse-editor .head-bar ion-icon{font-size:25px;margin-right:5px}#warehouse-editor .head-bar .order-id{color:gray;margin-left:10px;font-weight:700}#warehouse-editor .product-detail{padding-top:10px}#warehouse-editor .product-detail .line{margin-bottom:20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);padding:10px 20px}#warehouse-editor .product-detail .line input.main-input:not(:-moz-placeholder-shown){font-weight:700}#warehouse-editor .product-detail .line input.main-input:not(:-ms-input-placeholder){font-weight:700}#warehouse-editor .product-detail .line input.main-input:not(:placeholder-shown){font-weight:700}#warehouse-editor .product-detail .line input.main-input{border-radius:2px;border:1px solid #ddd;outline:none;color:#00ab55;flex:1 1;padding:5px;border-radius:5px}#warehouse-editor .product-detail .line input.main-input:focus{outline:1px solid #00ab55}#warehouse-editor .product-detail .line .label-input{margin-right:10px}#warehouse-editor .product-detail .line .label{color:gray}#warehouse-editor .product-detail .product-category .right-action,#warehouse-editor .product-detail .product-category .wrap,#warehouse-editor .product-detail .product-name{display:flex;align-items:center}#warehouse-editor .product-detail .product-category .right-action button{padding:5px;border-radius:5px;display:flex;align-items:center;font-size:16px;color:#00ab55;border:1px solid #00ab55}#warehouse-editor .product-detail .list-categories{display:flex;flex:1 1;flex-wrap:wrap}#warehouse-editor .product-detail .list-categories .category{white-space:nowrap;padding:5px 10px;border-radius:5px;border:1px solid gray;color:gray;transition:all .2s ease;margin-right:10px;margin-bottom:5px;margin-top:5px;cursor:pointer;font-size:13px}#warehouse-editor .product-detail .list-categories .category.active,#warehouse-editor .product-detail .list-categories .category:hover{background-color:#00ab55;color:#fff}#warehouse-editor .product-detail .list-categories .category.none:hover{background:#fff;color:gray}#warehouse-editor .product-detail .product-code{display:flex;align-items:center}#warehouse-editor .product-detail .product-code .item{display:flex;align-items:center;min-width:400px}#warehouse-editor .product-detail .product-code .item:last-child{margin-left:50px}#warehouse-editor .product-detail .product-description{margin-top:10px;width:100%}#warehouse-editor .product-detail .product-description textarea{margin-top:2px;border:1px solid #ddd;resize:vertical;width:100%;outline:none;padding:10px;border-radius:5px;font-size:15px;color:gray;min-height:100px}#warehouse-editor .product-detail .line-unit{margin-bottom:10px;border-top:1px solid #ddd;padding-top:10px}#warehouse-editor .product-detail .line-unit:first-child{border-top:none;padding-top:0}#warehouse-editor .product-detail .product-unit{display:flex;align-items:center}#warehouse-editor .product-detail .product-unit input{margin-right:10px}#warehouse-editor .product-detail .product-unit button{margin-left:10px}#warehouse-editor .product-detail .recommend-unit{display:flex;margin-top:10px}#warehouse-editor .product-detail .recommend-unit button{margin-right:10px}#warehouse-editor .product-detail .list-price{display:flex;align-items:center;justify-content:space-between}#warehouse-editor .product-detail .title-label{margin-bottom:10px}#warehouse-editor .product-detail .revenue-value{margin-top:10px;color:gray}#warehouse-editor .product-detail .inventory-data{display:flex;align-items:center;justify-content:space-between}#warehouse-editor .product-detail .waring-inventory{display:flex;align-items:center}#warehouse-editor .product-detail .waring-inventory input{height:30px;width:75px}#warehouse-editor .product-detail .waring-inventory .toggle{margin-left:10px;margin-right:10px}#warehouse-editor .product-detail .product-inventory{color:gray}#warehouse-editor .product-detail .product-inventory .wrap{display:flex;width:100%;align-items:center}#warehouse-editor .product-detail .product-inventory .wrap .left{display:flex;align-items:center;margin-left:20px}#warehouse-editor .product-detail .product-inventory .wrap .left button{margin-right:20px}#warehouse-editor .product-detail .product-inventory .wrap .right{flex:1 1;display:flex;align-items:center;justify-content:flex-end}#warehouse-editor .product-detail .product-inventory .wrap .right .toggle{margin-left:10px}#warehouse-editor .product-detail .product-inventory .wrap-3{display:flex;align-items:center;justify-content:space-between;padding-top:20px}#warehouse-editor .product-detail .product-inventory .wrap-3 .green{color:#00ab55}#warehouse-editor .product-detail .product-inventory .wrap-3 .right{display:flex;align-items:center}#warehouse-editor .product-detail .product-inventory .wrap-3 .right .toggle{margin-left:10px}#warehouse-editor .product-detail .product-inventory .wrap-4 .total-quantity{display:flex;align-items:center;justify-content:space-between;margin-top:20px;margin-bottom:10px}#warehouse-editor .product-detail .product-inventory .wrap-4 .progress{height:10px;border-radius:10px;background-color:gray}#warehouse-editor .product-detail .product-inventory .wrap-4 .list-inventories{margin-top:20px;display:flex;align-items:center;justify-content:space-between}#warehouse-editor .product-detail .product-inventory .wrap-4 .list-inventories .item{padding-left:20px;position:relative}#warehouse-editor .product-detail .product-classify .head-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}#warehouse-editor .product-detail .product-classify .head-line .label{font-weight:700;color:#000}#warehouse-editor .product-detail .product-classify .classify-detail{display:flex}#warehouse-editor .product-detail .product-classify .classify-detail .left-detail{margin-right:20px;border-right:1px solid #ddd;padding-right:20px;width:400px}#warehouse-editor .product-detail .product-classify .classify-detail .left-detail .classify-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex:1 1}#warehouse-editor .product-detail .product-classify .classify-detail .left-detail .add-classify{background:#00ab55;color:#fff;border-radius:2px;font-size:20px;width:30px;height:30px;display:flex;justify-content:center;align-items:center}#warehouse-editor .product-detail .product-classify .classify-detail .left-detail .classify-item{display:flex;align-items:center;background-color:#ddd;padding:5px;cursor:pointer;border-radius:5px;margin-bottom:10px}#warehouse-editor .product-detail .product-classify .classify-detail .left-detail .classify-item.active{background:#00ab55}#warehouse-editor .product-detail .product-classify .classify-detail .left-detail .classify-item img{width:70px;height:70px;margin-right:10px;border-radius:5px}#warehouse-editor .product-detail .product-classify .classify-detail .left-detail .classify-item .classify-info{display:flex;flex-direction:column;font-size:13px}#warehouse-editor .product-detail .product-classify .classify-detail .left-detail .classify-item .name{font-size:15px}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail{border:1px solid #ddd;border-radius:5px;padding:20px;flex:1 1}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail h2{color:#000;font-size:18px;font-weight:600}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .delete{color:red;display:flex;align-items:center;border-radius:5px;border:1px solid red;padding:5px 10px}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .delete ion-icon{margin-right:5px}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail input{margin-left:0;font-weight:400}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .l1{display:flex;margin-bottom:10px;margin-top:10px;flex-direction:column}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .l1 span{color:gray}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .l2{display:flex;align-items:center;margin-bottom:10px}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .l2 .short-input-wrapper{display:flex;flex-direction:column;flex:1 1}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .l2 .short-input-wrapper:first-child{margin-right:10px}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .l2 span{color:gray;font-size:16px}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .l2 input{flex:1 1}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .list-price{padding:0;margin-bottom:10px}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .list-price .item{margin-right:10px}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .list-price .item:last-child{margin-right:0}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .list-price input{max-width:150px}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap{display:flex;align-items:center}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap .left{margin-left:10px}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap button{padding:5px 10px;background:#ddd;margin-right:20px;border-radius:2px;color:gray}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap button.active{background-color:#00ab55;color:#fff}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap .right{flex:1 1;justify-content:flex-end;display:flex;align-items:center}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap .right .toggle{margin-left:10px}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap-2{padding-top:10px;display:flex;align-items:center}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap-2 .left,#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap-2 .right{display:flex;color:gray;flex:1 1;flex-direction:column}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap-2 .left{margin-right:10px}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap-2 input{flex:1 1}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap-3{display:flex;align-items:center;justify-content:space-between;padding-top:20px}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap-3 .right{display:flex;align-items:center}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap-3 .right .toggle{margin-left:10px}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap-3 .right input{margin-left:20px;max-width:100px}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap-3 .green{color:#00ab55}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap-4 .total-quantity{display:flex;align-items:center;justify-content:space-between;margin-top:20px;margin-bottom:10px}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap-4 .progress{height:10px;border-radius:10px;background-color:gray}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap-4 .list-inventories{margin-top:20px;display:flex;align-items:center;justify-content:space-between}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap-4 .list-inventories .item{padding-left:20px;position:relative}#warehouse-editor .product-detail .product-classify .classify-detail .right-detail .wrap-4 .list-inventories .icon{width:10px;height:10px;background-color:green;border-radius:100%;position:absolute;left:0;top:6px}#warehouse-editor .product-info .name{font-size:22px;padding:5px 0;color:#00ab55;display:flex;align-items:center}#warehouse-editor .product-info .name .rate-promotion{font-size:13px;background-color:#ffd633;color:gray;border-radius:5px;padding:0 5px;margin-left:5px}#warehouse-editor .product-info .name .rate-promotion .value{color:red}#warehouse-editor .product-info .detail-info{display:flex;gap:40px}#warehouse-editor .product-info .box .item{display:flex;padding:1px 0}#warehouse-editor .product-info .box .item .label{min-width:120px;display:block;margin-right:20px}#warehouse-editor .product-info .box .item .value{color:#00ab55}#warehouse-editor .title-history{font-weight:700;text-align:center;margin-top:10px;margin-bottom:10px;font-size:18px;color:#00ab55}#warehouse-editor .footer-content{display:flex;justify-content:center}#warehouse-editor table{width:100%}#warehouse-editor thead th{height:50px;background-color:#ddd;color:gray}#warehouse-editor thead th:first-child{border-top-left-radius:10px}#warehouse-editor thead th:last-child{border-top-right-radius:10px;padding-right:20px}#warehouse-editor thead th.stt{text-align:left;padding-left:20px}#warehouse-editor thead th.category{padding-left:20px}#warehouse-editor thead th.time{text-align:left;padding-left:20px}#warehouse-editor thead th.category,#warehouse-editor thead th.type-of-money{text-align:left}#warehouse-editor thead th.green,#warehouse-editor thead th.red{text-align:right}#warehouse-editor thead th.note{text-align:center}#warehouse-editor tbody td{padding:15px 0;color:gray;font-weight:500}#warehouse-editor tbody td:last-child{text-align:center;padding-right:20px}#warehouse-editor tbody td.category,#warehouse-editor tbody td.stt{text-align:left;padding-left:20px}#warehouse-editor tbody td.category .label-category{padding:5px;background:#ddd;border-radius:5px}#warehouse-editor tbody td.time{text-align:left;padding-left:20px}#warehouse-editor tbody td.type-of-money{text-align:left}#warehouse-editor tbody td.type-of-money .label-money{padding:5px;border-radius:5px;border:1px solid #ddd}#warehouse-editor tbody td.red{text-align:right;color:red;font-weight:500;min-width:100px}#warehouse-editor tbody td.green{text-align:right;color:#00ab55;font-weight:500;min-width:100px}#warehouse-editor tbody td.note{min-width:100px;padding-left:30px;max-width:200px}#warehouse-editor tbody tr:hover{background-color:#ebf8f2}#import-header{flex:1 1;height:64px;background-color:#00ab55;display:flex;padding-right:10px;padding-left:10px;position:fixed;width:100%;z-index:3}#import-header .left-side{flex:1 1;display:flex;align-items:center}#import-header .box-tab{flex:1 1}#import-header .right-side{position:relative;display:flex;align-items:center}#import-header .right-side .avatar{height:100%;width:100px;flex-direction:column;display:flex;justify-content:center;align-items:center}#import-header .avatar img{border-radius:100%;width:40px;height:40px;cursor:pointer;transition:all .2s linear}#import-header .avatar img:hover{transform:scale(1.1)}#import-header .icon-home{width:25px;height:25px;margin-right:40px;cursor:pointer;transition:all .2s linear;color:#fff}#import-header .icon-home:hover{transform:scale(1.1)}#import-header .box-logout{position:absolute;visibility:hidden;right:10px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);width:200px;top:64px;padding-top:20px;z-index:30;background-color:#fff}#import-header .box-logout .phone,#import-header .box-logout .username{padding-left:30px;color:gray}#import-header .box-logout .username{font-weight:500;margin-bottom:5px;color:#000}#import-header .logout-footer{margin-top:20px;border-top:1px solid #ddd;padding:20px 30px}#import-header .logout-footer button{border:1px solid #ddd;background:transparent;padding:10px 20px;font-weight:500;border-radius:5px;cursor:pointer;width:100%}#import-header .avatar:hover .box-logout{visibility:visible}#import-header .box-tab{padding-left:10px;padding-right:10px;display:flex;align-items:center;height:100%}#import-header .list-tab{display:flex;max-width:700px;overflow-x:auto;height:100%;align-items:center;transition:all .2s ease}#import-header .tab-item{height:70%;background-color:green;width:-moz-fit-content;width:fit-content;padding:10px;border-radius:5px;font-weight:500;color:#fff;align-items:center;margin-right:10px;min-width:120px;display:flex;justify-content:space-between;cursor:pointer;transition:all .6s ease}#import-header .tab-item.active{background:#fff;color:#000;height:100%;border-radius:0}#import-header .tab-item .icon-close{width:20px;height:20px;border-radius:100rem;color:#a9a9a9;margin-left:10px;cursor:pointer;transition:all .2s ease}#import-header .tab-item .icon-close:hover{color:red}#import-header .add-icon{width:30px;height:30px;color:#fff;cursor:pointer;margin-left:10px;transition:all .2s ease}#import-header .add-icon:hover{transform:scale(1.5)}#import-board{height:100%;box-shadow:0 8px 24px hsla(210,8%,62%,.2);position:relative}#import-board .icon-order{font-size:60px;color:#00ab55}#import-board .title{color:gray;margin-top:20px;margin-bottom:20px}#import-board .button-add-product{background-color:#00ab55;color:#fff;padding:6px 20px;border-radius:5px;transition:all .2s ease}#import-board .button-add-product:active{background-color:green}#import-board .list-products{color:gray;padding:15px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);overflow-y:auto}#import-board .product-line.active{animation:mymove 1s}#import-board .price-wrapper{border-radius:2px;border-bottom-right-radius:0;padding:5px;background:#eee;bottom:0;right:110px;font-size:13px;width:250px;z-index:20;position:absolute;left:auto}#import-board .price-wrapper .dis-options,#import-board .price-wrapper .line-price{display:flex;padding:2px 0;align-items:center}#import-board .price-wrapper span{width:80px;display:block;text-align:left}#import-board .price-wrapper input{flex:1 1;width:auto;border-bottom:1px solid #00ab55;padding:2px 5px;outline:none;width:150px;text-align:right}#import-board .price-wrapper input.discount{width:80px}#import-board .price-wrapper .discount-type{width:30px;color:#fff;cursor:pointer;background:gray;margin-left:5px;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:5px;padding:0 2px}#import-board .price-wrapper .discount-type.active{background:#00ab55}#import-board .price-wrapper .discount-wrapper{display:flex;justify-content:space-between;flex:1 1}#import-board .head-table{font-weight:700;margin-bottom:10px}#import-board .head-table .info{text-align:center}#import-board .head-table{background:#ddd}#import-board .head-table .total{color:gray;font-weight:700}#import-board .body-table .body-line{border-bottom:1px solid #ddd}#import-board .body-line{display:flex;align-items:center;padding-top:10px;padding-bottom:10px}#import-board .body-line .icon-remove{width:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}#import-board .body-line .stt{width:50px;display:flex;align-items:center;justify-content:center}#import-board .body-line .sku{width:100px;display:flex;align-items:center;justify-content:center}#import-board .body-line .info{flex:1 1;flex-direction:column;max-width:inherit}#import-board .body-line .info .info-wrapper{display:flex;flex-direction:column}#import-board .body-line .info .classify{width:-moz-fit-content;width:fit-content;cursor:pointer;position:relative}#import-board .body-line .info .classify.active{border-bottom:1px solid #00ab55}#import-board .body-line .info .classify .classify-selected{display:flex;align-items:center}#import-board .body-line .info .classify span{font-size:14px;margin-right:5px}#import-board .body-line .info .classify{display:flex;align-items:center}#import-board .body-line .info .classify .tooltip-classifies{width:200px;left:100%;bottom:-1px;border-bottom-left-radius:0}#import-board .body-line .info .classify .tooltip-classifies button{margin-bottom:10px}#import-board .body-line .info .classify .tooltip-classifies button:last-child{margin-bottom:0}#import-board .body-line .td-price{width:150px;text-align:right}#import-board .body-line .td-price input{color:gray}#import-board .body-line .quantity{text-align:center;position:relative;align-items:center;margin-left:20px;margin-right:20px;display:flex;flex-direction:column;width:150px}#import-board .body-line .total{width:100px;text-align:right}#import-board .body-line .quantity-wrapper{position:relative;display:flex;align-items:center;text-align:center}#import-board .body-line .max-quantity{color:red;font-size:12px;flex:1 1;width:100%}#import-board .zoom{background:#ddd;font-size:15px;display:inline-flex;align-items:center;justify-content:center;position:absolute;right:42%;bottom:0;border-top-left-radius:2px;border-top-right-radius:2px;padding:2px 5px}#import-board .zoom span{margin-left:5px;font-weight:300;font-size:14px}#import-right-board{width:400px;display:flex;flex-direction:column;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);padding:10px 20px 20px;min-height:calc(100vh - 64px)}#import-right-board .line,#import-right-board .line .item{display:flex;align-items:center}#import-right-board .line .toggle{margin-left:10px}#import-right-board .line{justify-content:space-between;margin-bottom:15px}#import-right-board .customer{position:relative}#import-right-board .classify{display:flex;justify-content:space-between;align-items:center;position:relative}#import-right-board .classify .wrapper-right{display:flex;align-items:center;background:#a9a9a9;padding:2px 5px;cursor:pointer}#import-right-board .classify .wrapper-right span{margin-right:5px}#import-right-board .classify .dropdown{position:absolute;top:100%;background:#a9a9a9;width:100%}#import-right-board .classify .dropdown .item-classify{padding:5px;cursor:pointer;transition:all .2s ease;text-align:right}#import-right-board .classify .dropdown .item-classify:hover{background-color:#ddd}#import-right-board .classify .dropdown .item-classify.edit{border-bottom:1px solid #00ab55}#import-right-board input.under-line{outline:none;font-weight:500;border-bottom:1px solid #ddd;width:150px}#import-right-board textarea.note{border:1px solid #ddd;width:100%;padding:5px;border-radius:5px;outline:none;min-height:50px;resize:vertical;max-height:100px}#import-right-board textarea.note:focus{outline:2px solid #00ab55}#import-right-board .checkout{height:80px;background-color:#00ab55;margin-top:20px;border-radius:5px;transition:all .2s ease;color:#fff;font-size:30px;font-weight:500}#import-right-board .checkout:hover{background-color:green}#import-right-board button.unit{padding:5px;background-color:#ddd;border-radius:5px;min-width:40px;font-weight:500;margin-left:10px}#import-right-board button.unit.active{color:#fff;background-color:#00ab55}#import-right-board ion-icon[name=radio-button-on]{color:#00ab55;width:30px;height:30px}#import-right-board ion-icon[name=radio-button-off]{color:#ddd;width:30px;height:30px}#import-right-board .border-top{border-top:1px solid #ddd;padding-top:20px;margin-top:10px}#import-right-board .address-to-ship{max-width:270px}#import-right-board .recommend-contacts{position:absolute;left:0;top:calc(100% + 3px);z-index:2;width:100%;background-color:#fff;box-shadow:0 8px 24px hsla(210,8%,62%,.2);border-radius:5px;max-height:65vh;overflow-y:auto}#import-right-board .contact-item{display:flex;align-items:center;padding:5px;cursor:pointer;transition:all .2s ease;flex:1 1}#import-right-board .contact-item:hover{background-color:#00ab55}#import-right-board .contact-item:first-child{border-top-left-radius:5px;border-top-right-radius:5px}#import-right-board .contact-item:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}#import-right-board .contact-item .avatar{border-radius:100%;margin-right:10px;width:30px;height:30px}#import-right-board .contact-item .info{display:flex;flex:1 1;flex-direction:column}#import-right-board .contact-item .info .name{font-size:16px}#import-right-board .contact-item .info .phone{font-size:13px;color:gray;font-weight:500}#import-right-board .contact-item .extra-info{display:flex;align-items:center}#import-right-board .contact-item .extra-info .remind{font-size:13px;color:gray}#import-right-board .buyer-info{display:flex;align-items:center;justify-content:space-between;flex:1 1}#import-right-board .buyer-info .delete{outline:none;background:transparent;color:red;font-weight:500;cursor:pointer;margin-left:20px}#import-right-board .buyer-info .contact-item:hover{background:transparent;cursor:default}#import-right-board .list-types-of-money{width:100%;display:flex;overflow-x:auto;justify-content:space-between}#import-right-board .list-types-of-money .vi-radio-button{margin-right:5px}#import-right-board .list-types-of-money .vi-radio-button:last-child{margin-right:0}#export-right-board{width:400px;display:flex;flex-direction:column;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);padding:10px 20px 20px;min-height:calc(100vh - 64px)}#export-right-board .line,#export-right-board .line .item{display:flex;align-items:center}#export-right-board .line .toggle{margin-left:10px}#export-right-board .line{justify-content:space-between;margin-bottom:15px}#export-right-board .customer{position:relative}#export-right-board .customer input{height:100%;border:1px solid #ddd;border-radius:5px;padding-left:10px;flex:1 1;font-weight:500}#export-right-board .customer input:focus{outline:2px solid #00ab55}#export-right-board .customer button{background-color:#00ab55;outline:none;border:none;width:40px;height:40px;border-radius:5px;margin-left:15px;transition:all .2s ease;cursor:pointer;display:flex;justify-content:center;align-items:center}#export-right-board .customer button:hover{background-color:green}#export-right-board .customer button ion-icon{font-size:25px;color:#fff}#export-right-board input.under-line{outline:none;font-weight:500;border-bottom:1px solid #ddd;width:150px}#export-right-board textarea.note{border:1px solid #ddd;width:100%;padding:5px;border-radius:5px;outline:none;min-height:50px;resize:vertical;max-height:100px}#export-right-board textarea.note:focus{outline:2px solid #00ab55}#export-right-board .checkout{height:80px;background-color:red;margin-top:20px;border-radius:5px;transition:all .2s ease;color:#fff;font-size:30px;font-weight:500}#export-right-board .checkout:hover{background-color:green}#export-right-board button.unit{padding:5px;background-color:#ddd;border-radius:5px;min-width:40px;font-weight:500;margin-left:10px}#export-right-board button.unit.active{color:#fff;background-color:#00ab55}#export-right-board ion-icon[name=radio-button-on]{color:#00ab55;width:30px;height:30px}#export-right-board ion-icon[name=radio-button-off]{color:#ddd;width:30px;height:30px}#export-right-board .border-top{border-top:1px solid #ddd;padding-top:20px;margin-top:10px}#export-right-board .address-to-ship{max-width:270px}#export-right-board .recommend-contacts{position:absolute;left:0;top:calc(100% + 3px);z-index:2;width:100%;background-color:#fff;box-shadow:0 8px 24px hsla(210,8%,62%,.2);border-radius:5px;max-height:65vh;overflow-y:auto}#export-right-board .contact-item{display:flex;align-items:center;padding:5px;cursor:pointer;transition:all .2s ease;flex:1 1}#export-right-board .contact-item:hover{background-color:#00ab55}#export-right-board .contact-item:first-child{border-top-left-radius:5px;border-top-right-radius:5px}#export-right-board .contact-item:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}#export-right-board .contact-item .avatar{border-radius:100%;margin-right:10px;width:30px;height:30px}#export-right-board .contact-item .info{display:flex;flex:1 1;flex-direction:column}#export-right-board .contact-item .info .name{font-size:16px}#export-right-board .contact-item .info .phone{font-size:13px;color:gray;font-weight:500}#export-right-board .contact-item .extra-info{display:flex;align-items:center}#export-right-board .contact-item .extra-info .remind{font-size:13px;color:gray;margin-left:10px}#export-right-board .buyer-info{display:flex;align-items:center;justify-content:space-between;flex:1 1}#export-right-board .buyer-info .delete{outline:none;background:transparent;color:red;font-weight:500;cursor:pointer;margin-left:20px}#export-right-board .buyer-info .contact-item:hover{background:transparent;cursor:default}#export-board{height:100%;box-shadow:0 8px 24px hsla(210,8%,62%,.2);position:relative}#export-board .icon-order{font-size:60px;color:#00ab55}#export-board .title{color:gray;margin-top:20px;margin-bottom:20px}#export-board .button-add-product{background-color:#00ab55;color:#fff;padding:6px 20px;border-radius:5px;transition:all .2s ease}#export-board .button-add-product:active{background-color:green}#export-board .list-products{color:gray;padding:15px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);overflow-y:auto}@keyframes mymove{0%{background-color:transparent}to{background-color:#00ab55}}#export-board .product-line.active{animation:mymove 1s}#export-board .price-wrapper{border-radius:2px;border-bottom-right-radius:0;padding:5px;background:#eee;bottom:0;right:110px;font-size:13px;width:250px;z-index:20;position:absolute;left:auto}#export-board .price-wrapper .dis-options,#export-board .price-wrapper .line-price{display:flex;padding:2px 0;align-items:center}#export-board .price-wrapper span{width:80px;display:block;text-align:left}#export-board .price-wrapper input{flex:1 1;width:auto;border-bottom:1px solid #00ab55;padding:2px 5px;outline:none;width:150px;text-align:right}#export-board .price-wrapper input.discount{width:80px}#export-board .price-wrapper .discount-type{width:30px;color:#fff;cursor:pointer;background:gray;margin-left:5px;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:5px;padding:0 2px}#export-board .price-wrapper .discount-type.active{background:#00ab55}#export-board .price-wrapper .discount-wrapper{display:flex;justify-content:space-between;flex:1 1}#export-board .head-table{font-weight:700;margin-bottom:10px}#export-board .head-table .info{text-align:center}#export-board .head-table{background:#ddd}#export-board .head-table .total{color:gray;font-weight:700}#export-board .body-table .body-line{border-bottom:1px solid #ddd}#export-board .body-line{display:flex;align-items:center;padding-top:10px;padding-bottom:10px}#export-board .body-line .icon-remove{width:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}#export-board .body-line .stt{width:50px;display:flex;align-items:center;justify-content:center}#export-board .body-line .sku{width:100px;display:flex;align-items:center;justify-content:center}#export-board .body-line .info{flex:1 1;flex-direction:column;max-width:inherit}#export-board .body-line .info .info-wrapper{display:flex;flex-direction:column}#export-board .body-line .info .classify{width:-moz-fit-content;width:fit-content;cursor:pointer;position:relative}#export-board .body-line .info .classify.active{border-bottom:1px solid #00ab55}#export-board .body-line .info .classify .classify-selected{display:flex;align-items:center}#export-board .body-line .info .classify span{font-size:14px;margin-right:5px}#export-board .body-line .info .classify{display:flex;align-items:center}#export-board .body-line .info .classify .tooltip-classifies{width:200px;left:100%;bottom:-1px;border-bottom-left-radius:0}#export-board .body-line .info .classify .tooltip-classifies button{margin-bottom:10px}#export-board .body-line .info .classify .tooltip-classifies button:last-child{margin-bottom:0}#export-board .body-line .td-price{width:150px;text-align:right}#export-board .body-line .quantity{text-align:center;position:relative;align-items:center;margin-left:20px;margin-right:20px;display:flex;flex-direction:column;width:150px}#export-board .body-line .total{width:100px;text-align:right}#export-board .body-line .quantity-wrapper{position:relative;display:flex;align-items:center;text-align:center}#export-board .body-line .max-quantity{color:red;font-size:12px;flex:1 1;width:100%}#export-board .zoom{background:#ddd;font-size:15px;display:inline-flex;align-items:center;justify-content:center;position:absolute;right:42%;bottom:0;border-top-left-radius:2px;border-top-right-radius:2px;padding:2px 5px}#export-board .zoom span{margin-left:5px;font-weight:300;font-size:14px}#export-header{flex:1 1;height:64px;background-color:red;display:flex;padding-right:10px;padding-left:10px;position:fixed;width:100%;z-index:3}#export-header .left-side{flex:1 1;display:flex;align-items:center}#export-header .box-tab{flex:1 1}#export-header .right-side{position:relative;display:flex;align-items:center}#export-header .right-side .avatar{height:100%;width:100px;flex-direction:column;display:flex;justify-content:center;align-items:center}#export-header .avatar img{border-radius:100%;width:40px;height:40px;cursor:pointer;transition:all .2s linear}#export-header .avatar img:hover{transform:scale(1.1)}#export-header .icon-home{width:25px;height:25px;margin-right:40px;cursor:pointer;transition:all .2s linear;color:#fff}#export-header .icon-home:hover{transform:scale(1.1)}#export-header .box-logout{position:absolute;visibility:hidden;right:10px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);width:200px;top:64px;padding-top:20px;z-index:30;background-color:#fff}#export-header .box-logout .phone,#export-header .box-logout .username{padding-left:30px;color:gray}#export-header .box-logout .username{font-weight:500;margin-bottom:5px;color:#000}#export-header .logout-footer{margin-top:20px;border-top:1px solid #ddd;padding:20px 30px}#export-header .logout-footer button{border:1px solid #ddd;background:transparent;padding:10px 20px;font-weight:500;border-radius:5px;cursor:pointer;width:100%}#export-header .avatar:hover .box-logout{visibility:visible}#export-header .box-tab{padding-left:10px;padding-right:10px;display:flex;align-items:center;height:100%}#export-header .list-tab{display:flex;max-width:700px;overflow-x:auto;height:100%;align-items:center;transition:all .2s ease}#export-header .tab-item{height:70%;background-color:green;width:-moz-fit-content;width:fit-content;padding:10px;border-radius:5px;font-weight:500;color:#fff;align-items:center;margin-right:10px;min-width:120px;display:flex;justify-content:space-between;cursor:pointer;transition:all .6s ease}#export-header .tab-item.active{background:#fff;color:#000;height:100%;border-radius:0}#export-header .tab-item .icon-close{width:20px;height:20px;border-radius:100rem;color:#a9a9a9;margin-left:10px;cursor:pointer;transition:all .2s ease}#export-header .tab-item .icon-close:hover{color:red}#export-header .add-icon{width:30px;height:30px;color:#fff;cursor:pointer;margin-left:10px;transition:all .2s ease}#export-header .add-icon:hover{transform:scale(1.5)}#warehouse-record{flex:1 1}#warehouse-record .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#warehouse-record .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#warehouse-record .head-bar .head-right{display:flex;align-items:center}#warehouse-record .head-bar button{background:#00ab55;color:#fff;border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px;margin-left:20px}#warehouse-record .head-bar button:hover{transform:scale(1.1)}#warehouse-record .head-bar button.expenses{background-color:red}#warehouse-record .head-bar ion-icon{font-size:25px;margin-right:5px}#warehouse-record .statistic-wrapper{padding-top:10px}#warehouse-record .statistic-wrapper .statistic{box-shadow:0 8px 24px hsla(210,8%,62%,.2);border-radius:5px}#warehouse-record .statistic-wrapper .statistic .above{display:flex;align-items:center;justify-content:space-between;color:gray;font-weight:500}#warehouse-record .statistic-wrapper .statistic .below{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ddd}#warehouse-record .statistic-wrapper .statistic .statistic-expenses{flex:1 1;text-align:center;border-right:1px solid #ddd;padding:10px 0;cursor:pointer}#warehouse-record .statistic-wrapper .statistic .statistic-expenses .number{color:red;font-size:20px}#warehouse-record .statistic-wrapper .statistic .statistic-revenue{flex:1 1;text-align:center;cursor:pointer}#warehouse-record .statistic-wrapper .statistic .statistic-revenue .number{color:#00ab55;font-size:20px}#warehouse-record .statistic-wrapper .statistic .chart,#warehouse-record .statistic-wrapper .statistic .time{padding:10px 0;display:flex;align-items:center;justify-content:center;flex:1 1;color:gray;cursor:pointer}#warehouse-record .statistic-wrapper .statistic .chart ion-icon,#warehouse-record .statistic-wrapper .statistic .time ion-icon{margin-left:10px}#warehouse-record .statistic-wrapper .statistic .time:hover{color:#00ab55}#warehouse-record .customer-table{padding-top:10px}#warehouse-record .customer-table .body-content{padding:0 20px 20px;border-bottom:1px solid #ddd}#warehouse-record .customer-table table{width:100%}#warehouse-record .customer-table thead th{height:50px;background-color:#ddd;color:gray}#warehouse-record .customer-table thead th:first-child{border-top-left-radius:10px}#warehouse-record .customer-table thead th:last-child{border-top-right-radius:10px}#warehouse-record .customer-table thead th.stt{text-align:left;padding-left:20px}#warehouse-record .customer-table thead th.category{padding-left:20px}#warehouse-record .customer-table thead th.time{text-align:left;padding-left:20px}#warehouse-record .customer-table thead th.category,#warehouse-record .customer-table thead th.type-of-money{text-align:left}#warehouse-record .customer-table thead th.green,#warehouse-record .customer-table thead th.red{text-align:right}#warehouse-record .customer-table thead th.note{text-align:center}#warehouse-record .customer-table tbody td{color:gray;font-weight:500}#warehouse-record .customer-table tbody td.category,#warehouse-record .customer-table tbody td.stt{text-align:left;padding-left:20px}#warehouse-record .customer-table tbody td.category .label-category{padding:5px;background:#ddd;border-radius:5px}#warehouse-record .customer-table tbody td.time{text-align:left;padding-left:20px}#warehouse-record .customer-table tbody td.type-of-money{text-align:left}#warehouse-record .customer-table tbody td.type-of-money .label-money{padding:5px;border-radius:5px;border:1px solid #ddd}#warehouse-record .customer-table tbody td.red{text-align:right;color:red;font-weight:500;min-width:100px}#warehouse-record .customer-table tbody td.green{text-align:right;color:#00ab55;font-weight:500;min-width:100px}#warehouse-record .customer-table tbody td.note{min-width:100px;padding-left:30px;max-width:200px;word-break:break-word}#warehouse-record .customer-table tbody tr:hover{td-background:#ebf8f2!important}#warehouse-record .customer-table .ant-table-cell-row-hover{background:#ebf8f2!important}#warehouse-record .customer-table .name{font-weight:500;color:#333}#warehouse-record .customer-table .phone{font-weight:500;color:gray}#warehouse-record .wrapper{box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#warehouse-record .top{display:flex}#warehouse-record .referer{display:flex;align-items:center;justify-content:flex-end}#warehouse-record .referer button{margin-left:20px}#warehouse-record .search-box{margin:20px 0;position:relative;flex:1 1;display:flex;justify-content:space-between;align-items:center}#warehouse-record .search-box .input-wrapper{width:40%}#warehouse-record .search-box .time-wrapper{display:flex;align-items:center}#warehouse-record .search-box .time{display:flex;align-items:center;justify-content:flex-end;cursor:pointer;background-color:#ddd;padding:2px 10px;border-radius:2px;color:gray}#warehouse-record .search-box .time ion-icon{margin-left:5px;position:relative;top:auto;left:auto;transform:none}#warehouse-record .footer-content{display:flex;align-items:center;justify-content:center;padding:10px}#warehouse-record .red{color:red}#warehouse-record .green{color:#00ab55}#warehouse-order-detail{flex:1 1;padding-bottom:10px}#warehouse-order-detail .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#warehouse-order-detail .head-bar .name{font-size:25px;font-weight:500;color:#00ab55;display:flex;align-items:center}#warehouse-order-detail .head-bar button{border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px;margin-left:20px}#warehouse-order-detail .head-bar button.back{background:#00ab55;color:#fff}#warehouse-order-detail .head-bar button.cancel{color:red;border:1px solid red;font-weight:400}#warehouse-order-detail .head-bar button:hover{transform:scale(1.1)}#warehouse-order-detail .head-bar ion-icon{font-size:25px;margin-right:5px}#warehouse-order-detail .head-bar .order-id{color:gray;margin-left:10px;font-weight:700}#warehouse-order-detail .order-detail{margin-top:10px}#warehouse-order-detail .top-info{padding-top:10px;padding-bottom:10px;justify-content:space-between;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#warehouse-order-detail .top-info .line{display:flex;align-items:center;justify-content:space-between;padding:0 10px}#warehouse-order-detail .top-info .bold{font-weight:700;color:#00ab55}#warehouse-order-detail .top-info .member .name{font-weight:500}#warehouse-order-detail .top-info .member .phone{color:gray}#warehouse-order-detail .top-info .type-of-order{font-weight:500;text-align:center;font-size:20px}#warehouse-order-detail .top-info .progress{display:flex;position:relative}#warehouse-order-detail .top-info .progress .line{position:absolute;width:68%;height:10px;background:#ddd;top:45px;left:16%}#warehouse-order-detail .top-info .step{width:200px;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}#warehouse-order-detail .top-info .step.cancel .icon{background:red;color:#fff}#warehouse-order-detail .top-info .step.delivering{margin-left:50px;margin-right:50px}#warehouse-order-detail .top-info .step .text{margin-top:10px;font-weight:500;text-align:center;color:gray}#warehouse-order-detail .top-info .step .time{color:gray}#warehouse-order-detail .top-info .step.active .icon{color:#fff;background-color:#00ab55}#warehouse-order-detail .top-info .step.active .text{color:#333}#warehouse-order-detail .top-info .icon{font-size:30px;color:gray;background-color:#ddd;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:100%}#warehouse-order-detail .product-info{margin-top:30px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#warehouse-order-detail .product-info table{width:100%}#warehouse-order-detail .product-info th{font-weight:500;color:#fff;background-color:#00ab55;padding-top:10px;padding-bottom:10px}#warehouse-order-detail .product-info th:last-child{padding-right:20px}#warehouse-order-detail .product-info th .product{text-align:center}#warehouse-order-detail .product-info .stt{text-align:center;padding-left:10px;padding-right:10px}#warehouse-order-detail .product-info .unit{text-align:center;min-width:60px}#warehouse-order-detail .product-info .quantity{text-align:right;min-width:80px}#warehouse-order-detail .product-info .product{cursor:pointer;display:flex;align-items:center}#warehouse-order-detail .product-info .name{flex:1 1;font-size:18px;word-break:break-word}#warehouse-order-detail .product-info .price{text-align:right;min-width:100px}#warehouse-order-detail .product-info .images{display:flex}#warehouse-order-detail .product-info .images img{height:60px;width:60px;-o-object-fit:cover;object-fit:cover;margin-right:10px;border-radius:5px}#warehouse-order-detail .product-info .total-money{text-align:right;font-weight:500;min-width:150px}#warehouse-order-detail .product-info tr td{padding-top:10px;padding-bottom:10px}#warehouse-order-detail .product-info tr .quantity{font-weight:500}#warehouse-order-detail .product-info td{border-bottom:1px solid #00ab55}#warehouse-order-detail .product-info td:first-child{text-align:center}#warehouse-order-detail .product-info td:last-child{padding-right:20px}#warehouse-order-detail .product-info td .stt{border-radius:100%;width:20px;height:20px;background-color:#00ab55;color:#fff;display:inline-flex;align-items:center;justify-content:center}#warehouse-order-detail .actions{display:flex;justify-content:flex-end;margin-top:10px;gap:10px}#warehouse-order-detail .extra-info{padding:20px;display:flex;margin-top:30px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#warehouse-order-detail .note-info{min-width:100px;flex:1 1}#warehouse-order-detail .note-info .note-content{color:gray;word-break:break-word}#warehouse-order-detail .note-info .refer-info{margin-top:10px}#warehouse-order-detail .extra-info .history-payment-info{margin-right:20px;flex:1 1;margin-left:20px}#warehouse-order-detail .extra-info .right-info{margin-left:20px;flex:1 1}#warehouse-order-detail .extra-info .line-bottom,#warehouse-order-detail .extra-info .line-head{font-weight:500;display:flex;justify-content:space-between}#warehouse-order-detail .extra-info .line-2{display:flex;justify-content:space-between;color:gray;margin-top:5px;margin-bottom:5px}#warehouse-order-detail .extra-info .line-bottom .number{color:red}#warehouse-order-detail .extra-info .payment-item{display:flex;padding-bottom:5px;padding-top:5px;border-bottom:1px solid #ddd}#warehouse-order-detail .extra-info .payment-item .hour{color:gray;font-size:13px;text-align:center}#warehouse-order-detail .extra-info .payment-item .type-of-money{flex:1 1;margin-left:20px;margin-right:20px}#warehouse-order-detail .extra-info .debt{display:flex;justify-content:space-between;padding-top:5px;padding-bottom:10px}#warehouse-order-detail .extra-info .debt .label{color:red;border-radius:5px;font-weight:500}#warehouse-order-detail .extra-info .debt .number{color:gray}#warehouse-order-detail .extra-info .action{text-align:right}#warehouse-order-detail .extra-info .action button{background-color:#00ab55;color:#fff;padding:5px 10px;border-radius:5px;font-weight:500}#product-list-preorder{flex:1 1}#product-list-preorder .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#product-list-preorder .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#product-list-preorder .head-bar button{background:#00ab55;color:#fff;border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px}#product-list-preorder .head-bar button:hover{opacity:.8}#product-list-preorder .head-bar ion-icon{font-size:25px;margin-right:5px}#product-list-preorder .head-actions-wrapper{display:flex;align-items:center;gap:10px}#product-list-preorder .head-actions-wrapper button:first-child{border:1px solid #00ab55;background:#fff;color:#00ab55}#product-list-preorder .customer-table{margin-top:64px;padding-top:10px}#product-list-preorder .customer-table .body-content{padding:0 20px 20px;border-bottom:1px solid #ddd}#product-list-preorder .customer-table table{width:100%}#product-list-preorder .customer-table thead th{height:50px;background-color:#ddd;color:gray}#product-list-preorder .customer-table thead th.product-info,#product-list-preorder .customer-table thead th.sku{text-align:center}#product-list-preorder .customer-table thead th.price-buy,#product-list-preorder .customer-table thead th.price-sell{text-align:right;padding:0 20px}#product-list-preorder .customer-table thead th.allow-sale{text-align:right;padding:0 20px;min-width:130px}#product-list-preorder .customer-table thead th.inventory{text-align:right;padding:0 20px;min-width:100px;white-space:nowrap}#product-list-preorder .customer-table tbody tr:nth-child(2n){background-color:#ebf8f2}#product-list-preorder .customer-table tbody td{padding:15px 0;color:gray;font-weight:500}#product-list-preorder .customer-table tbody td .sku{text-align:center;min-width:110px}#product-list-preorder .customer-table tbody td.td-product-info{min-width:200px;cursor:pointer}#product-list-preorder .customer-table tbody td .product-info{text-align:left;display:flex;align-items:flex-start;max-width:400px}#product-list-preorder .customer-table tbody td .product-info img{width:60px;height:60px;margin-right:20px;border-radius:5px;-o-object-fit:cover;object-fit:cover}#product-list-preorder .customer-table tbody td .product-info .name{font-weight:400;line-height:22px;word-break:break-word}#product-list-preorder .customer-table tbody td .product-info .number-of-classifies{color:gray}#product-list-preorder .customer-table tbody td .sku{display:flex;align-items:center}#product-list-preorder .customer-table tbody td .link-to-web{color:#00ab55;padding:10px;display:flex;align-items:center}#product-list-preorder .customer-table tbody td .link-to-web span{display:flex;align-items:center}#product-list-preorder .customer-table tbody td .price-buy,#product-list-preorder .customer-table tbody td .price-sell{text-align:right;padding:0 20px}#product-list-preorder .customer-table tbody td .price-buy input,#product-list-preorder .customer-table tbody td .price-sell input{text-align:right;border-bottom:1px solid #ddd;outline:none;width:150px;background-color:transparent}#product-list-preorder .customer-table tbody td .price-buy input:focus,#product-list-preorder .customer-table tbody td .price-sell input:focus{border-bottom:2px solid #00ab55}#product-list-preorder .customer-table tbody td .price{white-space:nowrap}#product-list-preorder .customer-table tbody td .price-wrapper{position:relative}#product-list-preorder .customer-table tbody td .price-wrapper .rate-promotion{white-space:nowrap;position:absolute;right:0;top:-20px;font-size:12px;background-color:#ffd633;padding:0 5px;border-radius:5px;display:flex;align-items:center}#product-list-preorder .customer-table tbody td .price-wrapper .rate-promotion .value{color:red;margin-left:2px}#product-list-preorder .customer-table tbody td .allow-sale{text-align:right;padding:0 20px}#product-list-preorder .customer-table tbody td .stocking{color:#00ab55}#product-list-preorder .customer-table tbody td .out-of-stock{color:red}#product-list-preorder .customer-table tbody td .inventory{text-align:right;padding:0 20px}#product-list-preorder .customer-table .name{font-weight:500;color:#333}#product-list-preorder .customer-table .phone{font-weight:500;color:gray}#product-list-preorder .wrapper{box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#product-list-preorder .head-tab{display:flex;background-color:#ddd;border-top-left-radius:5px;border-top-right-radius:5px;align-items:center}#product-list-preorder .head-tab .filter{padding:5px;display:flex;align-items:center;transition:all .2s ease;color:gray}#product-list-preorder .head-tab .filter ion-icon{font-size:20px}#product-list-preorder .head-tab .filter:hover{border-radius:100%;background-color:#a9a9a9;color:#000}#product-list-preorder .head-tab .list-tab-items{max-width:calc(100vw - 300px);overflow-x:auto;display:flex;flex:1 1}#product-list-preorder .head-tab .tab-item{padding:5px 20px;font-weight:500;color:gray;display:flex;align-items:center;justify-content:center;height:50px;cursor:pointer;transition:all .2s ease;white-space:nowrap}#product-list-preorder .head-tab .tab-item span{max-width:300px;overflow:hidden}#product-list-preorder .head-tab .tab-item:first-child{border-top-left-radius:5px}#product-list-preorder .head-tab .tab-item:last-child{border-top-right-radius:5px}#product-list-preorder .head-tab .tab-item.active,#product-list-preorder .head-tab .tab-item:hover{background-color:#fff}#product-list-preorder .head-tab .number{border-radius:5px;color:#00ab55;margin-left:10px;background-color:#ebf8f2;padding:2px 5px;font-size:12px}#product-list-preorder .list-box-statistic{display:flex;flex:1 1;justify-content:space-between;align-items:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd}#product-list-preorder .box-wrapper{flex:1 1;align-items:center;justify-content:center;text-align:center;padding:10px}#product-list-preorder .box-wrapper .box-label{font-weight:500;color:gray;margin-bottom:5px}#product-list-preorder .box-wrapper .box-value{font-weight:700;color:#00ab55}#product-list-preorder .box-wrapper:nth-child(2){border-left:1px solid #ccc;border-right:1px solid #ccc}#product-list-preorder .box-wrapper:nth-child(2) .box-value{color:red}#product-list-preorder .search-box{margin:20px 20px 20px 0;position:relative}#product-list-preorder .right-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}#product-list-preorder .footer-content{display:flex;align-items:center;justify-content:center;padding:10px}#product-list-preorder .red{color:red}#product-list-preorder .green{color:#00ab55}#warehouse-import-record{flex:1 1}#warehouse-import-record .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#warehouse-import-record .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#warehouse-import-record .head-bar .head-right{display:flex;align-items:center}#warehouse-import-record .head-bar button{background:#00ab55;color:#fff;border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px;margin-left:20px}#warehouse-import-record .head-bar button:hover{transform:scale(1.1)}#warehouse-import-record .head-bar button.expenses{background-color:red}#warehouse-import-record .head-bar ion-icon{font-size:25px;margin-right:5px}#warehouse-import-record .statistic-wrapper{padding-top:10px}#warehouse-import-record .statistic-wrapper .statistic{box-shadow:0 8px 24px hsla(210,8%,62%,.2);border-radius:5px}#warehouse-import-record .statistic-wrapper .statistic .above{display:flex;align-items:center;justify-content:space-between;color:gray;font-weight:500}#warehouse-import-record .statistic-wrapper .statistic .below{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ddd}#warehouse-import-record .statistic-wrapper .statistic .statistic-expenses{flex:1 1;text-align:center;border-right:1px solid #ddd;padding:10px 0;cursor:pointer}#warehouse-import-record .statistic-wrapper .statistic .statistic-expenses .number{color:red;font-size:20px}#warehouse-import-record .statistic-wrapper .statistic .statistic-revenue{flex:1 1;text-align:center;cursor:pointer}#warehouse-import-record .statistic-wrapper .statistic .statistic-revenue .number{color:#00ab55;font-size:20px}#warehouse-import-record .statistic-wrapper .statistic .chart,#warehouse-import-record .statistic-wrapper .statistic .time{padding:10px 0;display:flex;align-items:center;justify-content:center;flex:1 1;color:gray;cursor:pointer}#warehouse-import-record .statistic-wrapper .statistic .chart ion-icon,#warehouse-import-record .statistic-wrapper .statistic .time ion-icon{margin-left:10px}#warehouse-import-record .statistic-wrapper .statistic .time:hover{color:#00ab55}#warehouse-import-record .head-tab{display:flex;background-color:#ddd;border-top-left-radius:5px;border-top-right-radius:5px;max-width:calc(100vw - 300px);overflow-x:auto}#warehouse-import-record .head-tab .tab-item{padding:5px 20px;font-weight:500;color:gray;display:flex;align-items:center;justify-content:center;height:50px;cursor:pointer;transition:all .2s ease;white-space:nowrap}#warehouse-import-record .head-tab .tab-item:first-child{border-top-left-radius:5px}#warehouse-import-record .head-tab .tab-item:last-child{border-top-right-radius:5px}#warehouse-import-record .head-tab .tab-item.active,#warehouse-import-record .head-tab .tab-item:hover{background-color:#fff}#warehouse-import-record .head-tab .number{border-radius:5px;color:#00ab55;margin-left:10px;background-color:#ebf8f2;padding:2px 5px;font-size:12px}#warehouse-import-record .customer-table{padding-top:10px}#warehouse-import-record .customer-table .body-content{padding:0 20px 20px;border-bottom:1px solid #ddd}#warehouse-import-record .customer-table table{width:100%}#warehouse-import-record .customer-table thead th{height:50px;background-color:#ddd;color:gray}#warehouse-import-record .customer-table thead th:first-child{border-top-left-radius:10px}#warehouse-import-record .customer-table thead th:last-child{border-top-right-radius:10px}#warehouse-import-record .customer-table thead th.stt{text-align:left;padding-left:20px}#warehouse-import-record .customer-table thead th.category{padding-left:20px}#warehouse-import-record .customer-table thead th.time{text-align:left;padding-left:20px}#warehouse-import-record .customer-table thead th.category,#warehouse-import-record .customer-table thead th.type-of-money{text-align:left}#warehouse-import-record .customer-table thead th.green,#warehouse-import-record .customer-table thead th.red{text-align:right}#warehouse-import-record .customer-table thead th.note{text-align:center}#warehouse-import-record .customer-table tbody td{color:gray;font-weight:500}#warehouse-import-record .customer-table tbody td.category,#warehouse-import-record .customer-table tbody td.stt{text-align:left;padding-left:20px}#warehouse-import-record .customer-table tbody td.category .label-category{padding:5px;background:#ddd;border-radius:5px}#warehouse-import-record .customer-table tbody td.time{text-align:left;padding-left:20px}#warehouse-import-record .customer-table tbody td.type-of-money{text-align:left}#warehouse-import-record .customer-table tbody td.type-of-money .label-money{padding:5px;border-radius:5px;border:1px solid #ddd}#warehouse-import-record .customer-table tbody td.red{text-align:right;color:red;font-weight:500;min-width:100px}#warehouse-import-record .customer-table tbody td.green{text-align:right;color:#00ab55;font-weight:500;min-width:100px}#warehouse-import-record .customer-table tbody td.note{min-width:100px;padding-left:30px;max-width:200px;word-break:break-word}#warehouse-import-record .customer-table tbody tr:hover{background-color:#ebf8f2}#warehouse-import-record .customer-table .name{font-weight:500;color:#333}#warehouse-import-record .customer-table .phone{font-weight:500;color:gray}#warehouse-import-record .wrapper{box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#warehouse-import-record .top{display:flex}#warehouse-import-record .referer{display:flex;align-items:center;justify-content:flex-end}#warehouse-import-record .referer button{margin-left:20px}#warehouse-import-record .search-box{margin:20px 0;position:relative;flex:1 1;display:flex;justify-content:space-between;align-items:center}#warehouse-import-record .search-box .input-wrapper{width:40%}#warehouse-import-record .search-box .time-wrapper{display:flex;align-items:center}#warehouse-import-record .search-box .time{display:flex;align-items:center;justify-content:flex-end;cursor:pointer;background-color:#ddd;padding:2px 10px;border-radius:2px;color:gray}#warehouse-import-record .search-box .time ion-icon{margin-left:5px;position:relative;top:auto;left:auto;transform:none}#warehouse-import-record .footer-content{display:flex;align-items:center;justify-content:center;padding:10px}#warehouse-import-record .red{color:red}#warehouse-import-record .green{color:#00ab55}#report-right-board{flex:1 1}#report-right-board .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#report-right-board .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#report-right-board .head-bar button{background:#00ab55;color:#fff;border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px}#report-right-board .head-bar button:hover{transform:scale(1.1)}#report-right-board .head-bar ion-icon{font-size:25px;margin-right:5px}#report-right-board .wrapper{box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#report-right-board .head-tab{display:flex;background-color:#ddd;border-top-left-radius:5px;border-top-right-radius:5px;align-items:center}#report-right-board .head-tab .filter{padding:5px;display:flex;align-items:center;transition:all .2s ease;color:gray}#report-right-board .head-tab .filter ion-icon{font-size:20px}#report-right-board .head-tab .filter:hover{border-radius:100%;background-color:#a9a9a9;color:#000}#report-right-board .head-tab .list-tab-items{max-width:calc(100vw - 300px);overflow-x:auto;display:flex;flex:1 1}#report-right-board .head-tab .tab-item{padding:5px 20px;font-weight:500;color:gray;display:flex;align-items:center;justify-content:center;height:50px;cursor:pointer;transition:all .2s ease;white-space:nowrap}#report-right-board .head-tab .tab-item:first-child{border-top-left-radius:5px}#report-right-board .head-tab .tab-item:last-child{border-top-right-radius:5px}#report-right-board .head-tab .tab-item.active{background-color:#fff;border-bottom:5px solid #00ab55}#report-right-board .head-tab .tab-item:hover{background-color:#eee}#report-right-board .head-tab .number{border-radius:5px;color:#00ab55;margin-left:10px;background-color:#ebf8f2;padding:2px 5px;font-size:12px}#report-profit-sale{flex:1 1}#report-profit-sale .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#report-profit-sale .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#report-profit-sale .head-bar button{background:#00ab55;color:#fff;border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px}#report-profit-sale .head-bar button:hover{transform:scale(1.1)}#report-profit-sale .head-bar ion-icon{font-size:25px;margin-right:5px}#report-profit-sale .customer-table{margin-top:64px;padding-top:10px}#report-profit-sale .customer-table .title{font-weight:700;margin-top:10px;margin-bottom:10px}#report-profit-sale .customer-table .list-actors{margin-bottom:10px}#report-profit-sale .customer-table .list-actors button{padding:5px;margin-right:10px;border:1px solid #ddd;border-radius:5px;transition:all .2s ease}#report-profit-sale .customer-table .list-actors button.active,#report-profit-sale .customer-table .list-actors button:hover{background-color:#00ab55;color:#fff}#report-profit-sale .customer-table .body-content{padding:0 20px 20px;border-bottom:1px solid #ddd}#report-profit-sale .customer-table table{width:100%}#report-profit-sale .customer-table thead th{background-color:#ddd;color:gray;padding:0 10px}#report-profit-sale .customer-table thead th .sort{display:flex;flex-direction:column;cursor:pointer}#report-profit-sale .customer-table thead th .sort.active{color:#00ab55;font-weight:700}#report-profit-sale .customer-table thead th div{display:flex;align-items:center;border-bottom:3px solid #ddd;height:50px;cursor:pointer}#report-profit-sale .customer-table thead th div.active{border-bottom:3px solid #00ab55}#report-profit-sale .customer-table thead th div .label{flex:1 1;text-align:center}#report-profit-sale .customer-table tbody tr:nth-child(2n){background-color:#ebf8f2}#report-profit-sale .customer-table tbody td{color:gray;font-weight:500;padding:15px 10px;text-align:right}#report-profit-sale .customer-table tbody td:first-child{text-align:left;width:50%}#report-profit-sale .customer-table .name{font-weight:500;color:#333}#report-profit-sale .customer-table .phone{font-weight:500;color:gray}#report-profit-sale .wrapper{box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#report-profit-sale .head-tab{display:flex;background-color:#ddd;border-top-left-radius:5px;border-top-right-radius:5px;align-items:center}#report-profit-sale .footer-content{display:flex;align-items:center;justify-content:center;padding:10px}#report-profit-sale .red{color:red}#report-profit-sale .green{color:#00ab55}#section-profit-and-lost{flex:1 1;padding:20px}#section-profit-and-lost .customer-table{margin-top:64px;padding-top:10px}#section-profit-and-lost .customer-table .body-content{padding:0 20px 20px;border-bottom:1px solid #ddd}#section-profit-and-lost .customer-table table{width:100%}#section-profit-and-lost .customer-table thead th{height:50px;background-color:#ddd;color:gray}#section-profit-and-lost .customer-table thead th.product-info,#section-profit-and-lost .customer-table thead th.sku{text-align:center}#section-profit-and-lost .customer-table thead th.allow-sale,#section-profit-and-lost .customer-table thead th.inventory,#section-profit-and-lost .customer-table thead th.price-buy,#section-profit-and-lost .customer-table thead th.price-sell{text-align:right;padding:0 20px}#section-profit-and-lost .customer-table tbody tr:nth-child(2n){background-color:#ebf8f2}#section-profit-and-lost .customer-table tbody td{padding:15px 0;color:gray;font-weight:500}#section-profit-and-lost .customer-table tbody td .sku{text-align:center;min-width:100px}#section-profit-and-lost .customer-table tbody td.td-product-info{min-width:200px;cursor:pointer}#section-profit-and-lost .customer-table tbody td .product-info{text-align:left;display:flex;align-items:flex-start;max-width:400px}#section-profit-and-lost .customer-table tbody td .product-info img{width:60px;height:60px;margin-right:20px;border-radius:5px;-o-object-fit:cover;object-fit:cover}#section-profit-and-lost .customer-table tbody td .product-info .name{font-weight:400;line-height:22px}#section-profit-and-lost .customer-table tbody td .price-buy,#section-profit-and-lost .customer-table tbody td .price-sell{text-align:right;padding:0 20px}#section-profit-and-lost .customer-table tbody td .price-buy input,#section-profit-and-lost .customer-table tbody td .price-sell input{text-align:right;border-bottom:1px solid #ddd;outline:none;width:150px;background-color:transparent}#section-profit-and-lost .customer-table tbody td .price-buy input:focus,#section-profit-and-lost .customer-table tbody td .price-sell input:focus{border-bottom:2px solid #00ab55}#section-profit-and-lost .customer-table tbody td .allow-sale,#section-profit-and-lost .customer-table tbody td .inventory{text-align:right;padding:0 20px}#section-profit-and-lost .customer-table .name{font-weight:500;color:#333}#section-profit-and-lost .customer-table .phone{font-weight:500;color:gray}#section-profit-and-lost .wrapper{box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#section-profit-and-lost .line-time{text-align:center}#section-profit-and-lost .list-box{display:flex;align-items:center;justify-content:space-between;margin-top:20px}#section-profit-and-lost .list-box .box{box-shadow:0 8px 24px hsla(210,8%,62%,.2);padding:5px 10px;background-color:#ddd;width:min(200px,18%);text-align:center;border-radius:5px}#section-profit-and-lost .list-box .box .red{color:red}#section-profit-and-lost .list-box .box .green{color:#00ab55}#section-profit-and-lost .list-box .box .title{display:flex;align-items:center;justify-content:center;font-size:16px;color:gray}#section-profit-and-lost .list-box .box .title ion-icon{margin-right:10px}#section-profit-and-lost .list-box .box .number{font-weight:700;font-size:20px}#section-profit-and-lost .detail-section{display:table;align-items:flex-start;margin-top:30px;color:gray;justify-content:space-between;gap:10px;width:100%}#section-profit-and-lost .detail-section .box-detail{border:1px solid #ddd;justify-content:center;box-sizing:border-box;height:100%;flex:1 1;display:table-cell}#section-profit-and-lost .detail-section .title-box{text-align:center;font-weight:700;background-color:#ddd;display:flex;justify-content:center;flex:1 1;font-size:16px;width:100%;box-sizing:border-box;align-items:center;height:40px}#section-profit-and-lost .detail-section .line{display:flex;align-items:center;justify-content:space-between;padding:2px 10px}#section-profit-and-lost .detail-section .line .value{font-weight:700}#section-profit-and-lost .detail-section .action{text-align:center;display:flex;justify-content:center;margin-top:20px}#section-profit-and-lost .detail-section .action ion-icon{font-size:18px;margin-right:5px}#section-profit-and-lost .detail-section .action button{display:flex;align-items:center;color:#fff;padding:5px 10px;font-size:14px;border-radius:5px;background-color:#00ab55;margin-bottom:10px}#section-profit-and-lost .footer-content{display:flex;align-items:center;justify-content:center;padding:10px}#section-profit-and-lost .red{color:red}#section-profit-and-lost .green{color:#00ab55}#section-shop-report{flex:1 1;padding:20px}#section-shop-report .list-box{display:flex;align-items:center;justify-content:space-between;margin-top:20px}#section-shop-report .list-box .box{box-shadow:0 8px 24px hsla(210,8%,62%,.2);padding:5px 10px;background-color:#ddd;width:200px;text-align:center;border-radius:5px}#section-shop-report .list-box .box.chart{cursor:pointer;position:relative}#section-shop-report .list-box .box.chart ion-icon{position:absolute;bottom:5px;right:5px}#section-shop-report .list-box .box .red{color:red}#section-shop-report .list-box .box .green{color:#00ab55}#section-shop-report .list-box .box .title{display:flex;align-items:center;justify-content:center;font-size:16px;color:gray}#section-shop-report .list-box .box .title ion-icon{margin-right:10px}#section-shop-report .list-box .box .number{font-weight:700;font-size:20px}#section-shop-report .title-result{margin-top:20px;margin-bottom:5px;font-size:18px}#section-shop-report table{width:100%}#section-shop-report thead th{background-color:#ddd;color:gray;padding:0 5px;height:50px}#section-shop-report tbody tr:nth-child(2n){background-color:#ebf8f2}#section-shop-report tbody td{color:gray;font-weight:500;padding:15px 10px;text-align:right}#section-shop-report tbody td:first-child{text-align:left;width:50%}#section-shop-report .product-name{word-break:break-word}#section-shop-report .line-time{text-align:center}#section-shop-report .footer-content{display:flex;align-items:center;justify-content:center;padding:10px}#section-shop-report .red{color:red}#section-shop-report .green{color:#00ab55}#section-shop-report .chart-section h3{text-align:center;margin-top:20px;margin-bottom:-10px;color:#00ab55}#section-warehouse-report{flex:1 1;padding:20px}#section-warehouse-report .list-box{display:flex;align-items:center;justify-content:space-between;margin-top:20px}#section-warehouse-report .list-box .box{box-shadow:0 8px 24px hsla(210,8%,62%,.2);padding:5px 10px;background-color:#ddd;width:200px;text-align:center;border-radius:5px}#section-warehouse-report .list-box .box.red{color:red}#section-warehouse-report .list-box .box.green{color:#00ab55}#section-warehouse-report .list-box .box .title{display:flex;align-items:center;justify-content:center;font-size:16px;color:gray}#section-warehouse-report .list-box .box .title ion-icon{margin-right:10px}#section-warehouse-report .list-box .box .number{font-weight:700;font-size:20px}#section-warehouse-report .title-result{margin-top:20px;margin-bottom:5px;font-size:18px}#section-warehouse-report .detail-section .box-statistic{display:flex;align-items:center;justify-content:space-between;color:gray;font-weight:500;box-shadow:0 8px 24px hsla(210,8%,62%,.2);margin-top:20px;border:1px solid #ddd;border-radius:5px}#section-warehouse-report .detail-section .statistic-expenses{flex:1 1;text-align:center;border-right:1px solid #ddd;padding:10px 0;cursor:pointer}#section-warehouse-report .detail-section .statistic-expenses .number{color:red;font-size:20px}#section-warehouse-report .detail-section .statistic-revenue{flex:1 1;text-align:center;cursor:pointer}#section-warehouse-report .detail-section .statistic-revenue .number{color:#00ab55;font-size:20px}#section-warehouse-report .line-time{text-align:center;margin-top:20px}#section-warehouse-report .chart-wrapper{display:flex;align-items:center}#section-warehouse-report .chart-wrapper .left,#section-warehouse-report .chart-wrapper .right{flex:1 1}#section-warehouse-report .chart-wrapper .left h4,#section-warehouse-report .chart-wrapper .right h4{text-align:center;margin-top:20px}#section-warehouse-report .progress-section{margin-top:20px;display:flex;align-items:flex-start}#section-warehouse-report .progress-section .progress-import-classifies{margin-right:50px}#section-warehouse-report .progress-section .progress{flex:1 1;box-shadow:0 8px 24px hsla(210,8%,62%,.2);background:#ebf8f2;padding:20px;border-radius:5px}#section-warehouse-report .progress-section .progress .bar-item{margin-top:10px}#section-warehouse-report .progress-section .progress .text{display:flex;justify-content:space-between}#section-warehouse-report .progress-section .progress .number{font-size:15px;color:gray}#section-warehouse-report .progress-section .progress .percent{margin-left:5px;color:#00ab55;font-size:13px}#section-warehouse-report .progress-section .title{font-weight:700}#section-warehouse-report .footer-content{margin-top:20px;display:flex;align-items:center;justify-content:center}#section-cashbook-report{flex:1 1;padding:20px}#section-cashbook-report .list-box{display:flex;align-items:center;justify-content:space-between;margin-top:20px}#section-cashbook-report .list-box .box{box-shadow:0 8px 24px hsla(210,8%,62%,.2);padding:5px 10px;background-color:#ddd;width:250px;text-align:center;border-radius:5px}#section-cashbook-report .list-box .box.red{color:red}#section-cashbook-report .list-box .box.green{color:#00ab55}#section-cashbook-report .list-box .box .title{display:flex;align-items:center;justify-content:center;color:gray}#section-cashbook-report .list-box .box .number{font-weight:700;font-size:20px}#section-cashbook-report .title-result{margin-top:20px;margin-bottom:5px;font-size:18px}#section-cashbook-report .line-time{text-align:center}#section-cashbook-report .detail-section .box-statistic{display:flex;align-items:center;justify-content:space-between;color:gray;font-weight:500;box-shadow:0 8px 24px hsla(210,8%,62%,.2);margin-top:20px;border:1px solid #ddd;border-radius:5px}#section-cashbook-report .detail-section .statistic-expenses{flex:1 1;text-align:center;padding:10px 0}#section-cashbook-report .detail-section .statistic-expenses .number{color:red;font-size:20px}#section-cashbook-report .detail-section .statistic-revenue{flex:1 1;text-align:center;border-right:1px solid #ddd}#section-cashbook-report .detail-section .statistic-revenue .number{color:#00ab55;font-size:20px}#section-cashbook-report .chart-wrapper{display:flex;align-items:center}#section-cashbook-report .chart-wrapper .left,#section-cashbook-report .chart-wrapper .right{flex:1 1}#section-cashbook-report .chart-wrapper .left h4,#section-cashbook-report .chart-wrapper .right h4{text-align:center;margin-top:20px}#section-cashbook-report .progress-section{margin-top:20px;display:flex;align-items:flex-start}#section-cashbook-report .progress-section .progress-import-classifies{margin-right:50px}#section-cashbook-report .progress-section .progress{flex:1 1;box-shadow:0 8px 24px hsla(210,8%,62%,.2);background:#ebf8f2;padding:20px;border-radius:5px}#section-cashbook-report .progress-section .progress .bar-item{margin-top:10px}#section-cashbook-report .progress-section .progress .text{display:flex;justify-content:space-between}#section-cashbook-report .progress-section .progress .number{font-size:15px;color:gray}#section-cashbook-report .progress-section .progress .percent{margin-left:5px;color:#00ab55;font-size:13px}#section-cashbook-report .progress-section .title{font-weight:700}#section-cashbook-report .footer-content{margin-top:20px;display:flex;align-items:center;justify-content:center}#paybook-list{flex:1 1}#paybook-list .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#paybook-list .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#paybook-list .head-bar .head-right,#paybook-list .head-bar button{display:flex;align-items:center}#paybook-list .head-bar button{background:#00ab55;color:#fff;border-radius:5px;font-size:16px;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px;margin-left:20px}#paybook-list .head-bar button:hover{transform:scale(1.1)}#paybook-list .head-bar button.expenses{background-color:red}#paybook-list .head-bar ion-icon{font-size:25px;margin-right:5px}#paybook-list .statistic-wrapper{padding-top:10px}#paybook-list .statistic-wrapper .statistic{box-shadow:0 8px 24px hsla(210,8%,62%,.2);border-radius:5px}#paybook-list .statistic-wrapper .statistic .above{display:flex;align-items:center;justify-content:space-between;color:gray;font-weight:500}#paybook-list .statistic-wrapper .statistic .below{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ddd}#paybook-list .statistic-wrapper .statistic .below a{display:block;width:100%}#paybook-list .statistic-wrapper .statistic .statistic-expenses{flex:1 1;text-align:center;border-right:1px solid #ddd;padding:10px 0;cursor:pointer}#paybook-list .statistic-wrapper .statistic .statistic-expenses .number{color:red;font-size:20px}#paybook-list .statistic-wrapper .statistic .statistic-revenue{flex:1 1;text-align:center;cursor:pointer}#paybook-list .statistic-wrapper .statistic .statistic-revenue .number{color:#00ab55;font-size:20px}#paybook-list .statistic-wrapper .statistic .time{background:#fff}#paybook-list .statistic-wrapper .statistic .chart,#paybook-list .statistic-wrapper .statistic .time{padding:10px 0;display:flex;align-items:center;justify-content:center;flex:1 1;color:gray;cursor:pointer}#paybook-list .statistic-wrapper .statistic .chart ion-icon,#paybook-list .statistic-wrapper .statistic .time ion-icon{margin-left:10px}#paybook-list .statistic-wrapper .statistic .time:hover{color:#00ab55}#paybook-list .customer-table{padding:10px}#paybook-list .customer-table .body-content{padding:0 20px 20px;border-bottom:1px solid #ddd}#paybook-list .customer-table table{width:100%}#paybook-list .customer-table thead th{height:50px;background-color:#ddd;color:gray}#paybook-list .customer-table thead th:first-child{border-top-left-radius:5px;text-align:center;min-width:50px}#paybook-list .customer-table thead th:nth-child(4){text-align:right}#paybook-list .customer-table thead th:last-child{border-top-right-radius:5px;text-align:right;padding-right:20px}#paybook-list .customer-table thead th:nth-child(2) .vi-sort-wrapper{justify-content:flex-start}#paybook-list .customer-table tbody tr:nth-child(2n){background-color:#ebf8f2}#paybook-list .customer-table tbody td{padding:15px 0;color:gray;font-weight:500}#paybook-list .customer-table tbody td:first-child{text-align:center}#paybook-list .customer-table tbody td:nth-child(3){text-align:left}#paybook-list .customer-table tbody td:nth-child(4),#paybook-list .customer-table tbody td:nth-child(5){text-align:right}#paybook-list .customer-table tbody td:last-child{text-align:right;padding-right:20px}#paybook-list .customer-table tbody .deb-label{font-size:14px}#paybook-list .wrapper{box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#paybook-list .head-tab{display:flex;background-color:#ddd;border-top-left-radius:5px;border-top-right-radius:5px}#paybook-list .head-tab .tab-item{padding:5px 20px;font-weight:500;color:gray;display:flex;align-items:center;justify-content:center;height:50px;cursor:pointer;transition:all .2s ease}#paybook-list .head-tab .tab-item:first-child{border-top-left-radius:5px}#paybook-list .head-tab .tab-item:last-child{border-top-right-radius:5px}#paybook-list .head-tab .tab-item.active,#paybook-list .head-tab .tab-item:hover{background-color:#fff}#paybook-list .head-tab .number{border-radius:5px;color:#00ab55;margin-left:10px;background-color:#ebf8f2;padding:2px 5px;font-size:12px}#paybook-list .search-box{margin:20px 0;position:relative}#paybook-list .profile{display:flex;align-items:center;font-weight:500}#paybook-list .profile img{width:40px;height:40px;border-radius:100%;margin-right:10px}#paybook-list .phone{font-weight:500}#paybook-list .time{color:#00ab55;cursor:pointer}#paybook-list .note{word-break:break-word;max-width:300px}#paybook-list .footer-content{display:flex;align-items:center;justify-content:center;padding:10px}#paybook-list .footer-content .page{padding:5px 10px;border-radius:5px;border:1px solid #ddd;margin:0 5px;display:flex;align-items:center;justify-content:center;color:#00ab55;cursor:pointer}#paybook-list .name{color:#00ab55}#paybook-list .phone{font-size:13px}#paybook-list .red{color:red}#paybook-list .green{color:#00ab55}#paybook-editor{flex:1 1}#paybook-editor .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#paybook-editor .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#paybook-editor .head-bar .name.red{color:red}#paybook-editor .head-bar button{background:#00ab55;color:#fff;border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px}#paybook-editor .head-bar button:hover{transform:scale(1.1)}#paybook-editor .head-bar ion-icon{font-size:25px;margin-right:5px}#paybook-editor .body-cash-book{padding:20px}#paybook-editor .body-cash-book .vi-contact-input{border:1px solid #ccc;padding:10px;border-radius:5px}#paybook-editor .body-cash-book .footer,#paybook-editor .body-cash-book .line-2{padding-top:10px;margin-bottom:10px}#paybook-editor .body-cash-book .footer .title,#paybook-editor .body-cash-book .line-2 .title{font-weight:500;margin-bottom:10px;color:gray}#paybook-editor .body-cash-book .footer .wrap,#paybook-editor .body-cash-book .line-2 .wrap{display:flex;align-items:center}#paybook-editor .body-cash-book .footer .list-categories,#paybook-editor .body-cash-book .line-2 .list-categories{flex:1 1}#paybook-editor .body-cash-book .footer .list-categories .action-wrapper,#paybook-editor .body-cash-book .line-2 .list-categories .action-wrapper{display:inline-flex;flex-direction:column}#paybook-editor .body-cash-book .footer .edit,#paybook-editor .body-cash-book .line-2 .edit{color:gray;text-align:center;margin-bottom:10px;font-size:13px}#paybook-editor .body-cash-book .footer .edit button,#paybook-editor .body-cash-book .line-2 .edit button{color:#00ab55;border:none;margin:0}#paybook-editor .body-cash-book .footer .right,#paybook-editor .body-cash-book .line-2 .right{border-left:1px solid #ddd;padding-left:10px;display:flex;align-items:center;flex-direction:column}#paybook-editor .body-cash-book .footer button,#paybook-editor .body-cash-book .line-2 button{white-space:nowrap;padding:5px 10px;border-radius:5px;transition:all .2s ease;margin-left:10px;margin-bottom:10px}#paybook-editor .body-cash-book .footer button:hover,#paybook-editor .body-cash-book .line-2 button:hover{background-color:#ebf8f2;color:#00ab55}#paybook-editor .body-cash-book .footer button.active,#paybook-editor .body-cash-book .line-2 button.active{background-color:#00ab55;color:#fff;border:1px solid #00ab55}#paybook-editor .body-cash-book .footer button.add,#paybook-editor .body-cash-book .line-2 button.add{display:flex;align-items:center;font-size:16px;color:#00ab55;border:1px solid #00ab55}#paybook-editor .body-cash-book .footer button.add ion-icon,#paybook-editor .body-cash-book .line-2 button.add ion-icon{margin-right:5px}#paybook-editor .body-cash-book .footer{display:flex;justify-content:center;padding-top:0}#paybook-editor .body-cash-book .footer button{display:flex;align-items:center}#paybook-editor .body-cash-book .footer button ion-icon{margin-right:10px}#paybook-editor .body-cash-book .footer button.cancel{background-color:red;color:#fff;border:none}#paybook-editor .body-cash-book .footer button.paybook-action-1{color:#00ab55;border:1px solid #00ab55}#paybook-editor .body-cash-book .footer button.paybook-action-2{color:red;border:1px solid red}#paybook-editor .body-cash-book input.money{border-radius:5px;border:1px solid #ccc;padding:10px}#paybook-editor .body-cash-book input.money:focus{outline:2px solid #00ab55}#paybook-editor .body-cash-book .input-field{color:gray;position:relative;flex:1 1;margin-bottom:20px}#paybook-editor .body-cash-book .input-field .unit{position:absolute;right:10px;top:50%;transform:translateY(2px);color:#000;font-weight:500}#paybook-editor .body-cash-book .input-field input.money{color:#000;font-weight:500}#paybook-editor .body-cash-book .input-field input.money.note{font-weight:400}#paybook-editor .body-cash-book .input-field textarea{border-radius:5px;border:1px solid #ccc;padding:10px;outline:none;color:#000}#paybook-editor .body-cash-book table{width:100%}#paybook-editor .body-cash-book table thead th{height:40px;background-color:#ddd;color:gray}#paybook-editor .body-cash-book table thead th:first-child{border-top-left-radius:5px;text-align:left;min-width:50px;padding-left:20px}#paybook-editor .body-cash-book table thead th:nth-child(2){text-align:right}#paybook-editor .body-cash-book table thead th:last-child{border-top-right-radius:5px;text-align:right;padding-right:20px;min-width:200px;text-align:center}#paybook-editor .body-cash-book table tbody tr:nth-child(2n){background-color:#ebf8f2}#paybook-editor .body-cash-book table tbody td{padding:15px 0;color:gray;font-weight:500}#paybook-editor .body-cash-book table tbody td:first-child{text-align:left;padding-left:20px}#paybook-editor .body-cash-book table tbody td:last-child,#paybook-editor .body-cash-book table tbody td:nth-child(2),#paybook-editor .body-cash-book table tbody td:nth-child(4),#paybook-editor .body-cash-book table tbody td:nth-child(5){text-align:right}#paybook-editor .body-cash-book table tbody .deb-label{font-size:14px}#paybook-editor div.note{max-width:250px;word-break:break-word}#paybook-editor textarea{width:100%;flex:1 1}#paybook-editor .list-types-of-money button{border:1px solid gray;color:gray}#paybook-editor .list-types-of-money button.active{background-color:#00ab55;color:#fff}.line-1.debt-money{padding-bottom:0;display:flex;align-items:center;flex:1 1}.line-1.debt-money .input-field{flex:1 1}.line-1.debt-money .input-field:nth-child(2){margin-left:15px}.line-1.debt-money.flex-start{align-items:start}.debt-money .input-field .label{margin-bottom:5px;font-weight:700;display:block}.debt-money input{border-radius:5px;border:1px solid #ccc;padding:10px}.debt-money input:focus{outline:2px solid #00ab55}.debt-money .input-field{color:gray;position:relative;flex:1 1;margin-bottom:20px}.debt-money .input-field .unit{position:absolute;right:10px;top:50%;transform:translateY(2px);color:#000;font-weight:500}.debt-money .input-field input{color:#000;font-weight:500}.debt-money .input-field input.note{font-weight:400}.debt-money .input-field textarea,.debt-money textarea{border-radius:5px;border:1px solid #ccc;padding:10px;outline:none;color:#000}.debt-money textarea{min-height:50px;height:50px}#paybook-remind{flex:1 1}#paybook-remind .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#paybook-remind .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#paybook-remind .head-bar .head-right{display:flex;align-items:center}#paybook-remind .head-bar button{background:#00ab55;color:#fff;border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px;margin-left:20px}#paybook-remind .head-bar button:hover{transform:scale(1.1)}#paybook-remind .head-bar button.expenses{background-color:red}#paybook-remind .head-bar ion-icon{font-size:25px;margin-right:5px}#paybook-remind .head-tab{padding-top:64px!important;display:flex;background-color:#fff;border-top-left-radius:5px;border-top-right-radius:5px;margin-bottom:10px;justify-content:center}#paybook-remind .head-tab .tab-item{padding:5px 20px;font-weight:500;color:gray;display:flex;align-items:center;justify-content:center;height:50px;cursor:pointer;transition:all .2s ease;border-bottom:2px solid #fff}#paybook-remind .head-tab .tab-item:first-child{border-top-left-radius:5px}#paybook-remind .head-tab .tab-item:last-child{border-top-right-radius:5px}#paybook-remind .head-tab .tab-item.active,#paybook-remind .head-tab .tab-item:hover{background-color:#fff;color:#00ab55;border-bottom:2px solid #00ab55}#paybook-remind .head-tab .number{border-radius:5px;color:#00ab55;margin-left:10px;background-color:#ebf8f2;padding:2px 5px;font-size:12px}#paybook-remind .statistic-wrapper{padding-top:10px}#paybook-remind .statistic-wrapper .statistic{box-shadow:0 8px 24px hsla(210,8%,62%,.2);border-radius:5px}#paybook-remind .statistic-wrapper .statistic .above{display:flex;align-items:center;justify-content:space-between;color:gray;font-weight:500}#paybook-remind .statistic-wrapper .statistic .below{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ddd}#paybook-remind .statistic-wrapper .statistic .statistic-expenses{flex:1 1;text-align:center;border-right:1px solid #ddd;padding:10px 0;cursor:pointer}#paybook-remind .statistic-wrapper .statistic .statistic-expenses .number{color:red;font-size:20px}#paybook-remind .statistic-wrapper .statistic .statistic-revenue{flex:1 1;text-align:center;cursor:pointer}#paybook-remind .statistic-wrapper .statistic .statistic-revenue .number{color:#00ab55;font-size:20px}#paybook-remind .statistic-wrapper .statistic .chart,#paybook-remind .statistic-wrapper .statistic .time{padding:10px 0;display:flex;align-items:center;justify-content:center;flex:1 1;color:gray;cursor:pointer}#paybook-remind .statistic-wrapper .statistic .chart ion-icon,#paybook-remind .statistic-wrapper .statistic .time ion-icon{margin-left:10px}#paybook-remind .statistic-wrapper .statistic .time:hover{color:#00ab55}#paybook-remind .customer-table{padding-top:10px}#paybook-remind .customer-table .body-content{padding:0 20px 20px;border-bottom:1px solid #ddd}#paybook-remind .customer-table table{width:100%}#paybook-remind .customer-table thead th{height:50px;background-color:#ddd;color:gray}#paybook-remind .customer-table thead th:first-child{border-top-left-radius:10px}#paybook-remind .customer-table thead th:last-child{border-top-right-radius:10px}#paybook-remind .customer-table thead th.stt{text-align:left;padding-left:20px}#paybook-remind .customer-table thead th.category{padding-left:20px}#paybook-remind .customer-table thead th.time{text-align:left;padding-left:20px}#paybook-remind .customer-table thead th.category,#paybook-remind .customer-table thead th.type-of-money{text-align:left}#paybook-remind .customer-table thead th.green,#paybook-remind .customer-table thead th.red{text-align:right}#paybook-remind .customer-table thead th.note{text-align:center}#paybook-remind .customer-table tbody td{color:gray;font-weight:500}#paybook-remind .customer-table tbody td.category,#paybook-remind .customer-table tbody td.stt{text-align:left;padding-left:20px}#paybook-remind .customer-table tbody td.category .label-category{padding:5px;background:#ddd;border-radius:5px}#paybook-remind .customer-table tbody td.time{text-align:left;padding-left:20px}#paybook-remind .customer-table tbody td.type-of-money{text-align:left}#paybook-remind .customer-table tbody td.type-of-money .label-money{padding:5px;border-radius:5px;border:1px solid #ddd}#paybook-remind .customer-table tbody td.red{text-align:right;color:red;font-weight:500;min-width:100px}#paybook-remind .customer-table tbody td.green{text-align:right;color:#00ab55;font-weight:500;min-width:100px}#paybook-remind .customer-table tbody td.note{min-width:100px;padding-left:30px;max-width:200px;word-break:break-word}#paybook-remind .customer-table tbody tr:hover{td-background:#ebf8f2!important}#paybook-remind .customer-table .ant-table-cell-row-hover{background:#ebf8f2!important}#paybook-remind .customer-table .name{font-weight:500;color:#333}#paybook-remind .customer-table .phone{font-weight:500;color:gray}#paybook-remind .wrapper{box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#paybook-remind .top{display:flex}#paybook-remind .referer{display:flex;align-items:center;justify-content:flex-end}#paybook-remind .referer button{margin-left:20px}#paybook-remind .search-box{margin:20px 0;position:relative;flex:1 1;display:flex;justify-content:space-between;align-items:center}#paybook-remind .search-box .input-wrapper{width:40%}#paybook-remind .search-box .time-wrapper{display:flex;align-items:center}#paybook-remind .search-box .time{display:flex;align-items:center;justify-content:flex-end;cursor:pointer;background-color:#ddd;padding:2px 10px;border-radius:2px;color:gray}#paybook-remind .search-box .time ion-icon{margin-left:5px;position:relative;top:auto;left:auto;transform:none}#paybook-remind .footer-content{display:flex;align-items:center;justify-content:center;padding:10px}#paybook-remind .red{color:red}#paybook-remind .green{color:#00ab55}#promotion-editor{flex:1 1;padding-bottom:20px}#promotion-editor .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);position:fixed;left:280px;width:calc(100% - 310px)}#promotion-editor .head-bar .name{font-size:25px;font-weight:500;color:#00ab55;display:flex;align-items:center}#promotion-editor .head-bar .print-bar-code{margin-right:20px}#promotion-editor .head-bar button{border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px}#promotion-editor .head-bar button.back{background:#00ab55;color:#fff}#promotion-editor .head-bar button.cancel{color:red;border:1px solid red}#promotion-editor .head-bar button:hover{transform:scale(1.1)}#promotion-editor .head-bar ion-icon{font-size:25px;margin-right:5px}#promotion-editor .head-bar .order-id{color:gray;margin-left:10px;font-weight:700}#promotion-editor .product-detail{padding-top:10px}#promotion-editor .product-detail .line{margin-bottom:20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);padding:10px 20px}#promotion-editor .product-detail .line input.main-input:not(:-moz-placeholder-shown){font-weight:700}#promotion-editor .product-detail .line input.main-input:not(:-ms-input-placeholder){font-weight:700}#promotion-editor .product-detail .line input.main-input:not(:placeholder-shown){font-weight:700}#promotion-editor .product-detail .line input.main-input{border-radius:2px;border:1px solid #ddd;outline:none;color:#00ab55;flex:1 1;padding:5px;border-radius:5px}#promotion-editor .product-detail .line input.main-input:focus{outline:1px solid #00ab55}#promotion-editor .product-detail .line .label-input{margin-right:10px}#promotion-editor .product-detail .line .label{color:gray}#promotion-editor .product-detail .promotion-text-info .item{display:flex;align-items:center;margin-bottom:10px}#promotion-editor .product-detail .promotion-text-info .item:last-child{margin-top:0}#promotion-editor .product-detail .promotion-text-info .item .text{width:150px}#promotion-editor .product-detail .promotion-text-info.col-2 .item{flex:1 1}#promotion-editor .product-detail .promotion-text-info.col-2 .item .label-input{width:200px}#promotion-editor .product-detail .col-2{display:flex;gap:50px}#promotion-editor .product-detail .product-name{display:flex;align-items:center}#promotion-editor .product-detail .warpper{flex:1 1;display:flex;align-items:center;justify-content:space-between;gap:10px}#promotion-editor .product-detail .warpper input{display:inline-flex;max-width:inherit;width:200px}#promotion-editor .product-detail button.unit{padding:5px;background-color:#ddd;border-radius:5px;min-width:40px;font-weight:500}#promotion-editor .product-detail button.unit.active{color:#fff;background-color:#00ab55}#promotion-editor .product-detail .product-code{display:flex;align-items:center}#promotion-editor .product-detail .product-code .item{display:flex;align-items:center;min-width:400px}#promotion-editor .product-detail .product-code .item:last-child{margin-left:50px}#promotion-editor .product-detail .product-description{margin-top:10px;width:100%}#promotion-editor .product-detail .product-description textarea{margin-top:2px;border:1px solid #ddd;resize:vertical;width:100%;outline:none;padding:10px;border-radius:5px;font-size:15px;color:gray}#promotion-editor .product-detail .line-unit{margin-bottom:10px;border-top:1px solid #ddd;padding-top:10px}#promotion-editor .product-detail .line-unit:first-child{border-top:none;padding-top:0}#promotion-editor .product-detail .product-unit{display:flex;align-items:center}#promotion-editor .product-detail .product-unit input{margin-right:10px}#promotion-editor .product-detail .product-unit button{margin-left:10px}#promotion-editor .product-detail .recommend-unit{display:flex;margin-top:10px}#promotion-editor .product-detail .recommend-unit button{margin-right:10px}#promotion-editor .product-detail .list-price{display:flex;align-items:center;justify-content:space-between}#promotion-editor .product-detail .title-label{margin-bottom:10px}#promotion-editor .product-detail .revenue-value{margin-top:10px;color:gray}#promotion-editor .product-detail .inventory-data{display:flex;align-items:center;justify-content:space-between}#promotion-editor .product-detail .waring-inventory{display:flex;align-items:center}#promotion-editor .product-detail .waring-inventory input{height:30px;width:75px}#promotion-editor .product-detail .waring-inventory .toggle{margin-left:10px;margin-right:10px}#promotion-editor .product-detail .product-inventory{color:gray}#promotion-editor .product-detail .product-inventory .wrap{display:flex;width:100%;align-items:center}#promotion-editor .product-detail .product-inventory .wrap .left{display:flex;align-items:center;margin-left:20px}#promotion-editor .product-detail .product-inventory .wrap .left button{margin-right:20px}#promotion-editor .product-detail .product-inventory .wrap .right{flex:1 1;display:flex;align-items:center;justify-content:flex-end}#promotion-editor .product-detail .product-inventory .wrap .right .toggle{margin-left:10px}#promotion-editor .product-detail .product-inventory .wrap-3{display:flex;align-items:center;justify-content:space-between;padding-top:20px}#promotion-editor .product-detail .product-inventory .wrap-3 .green{color:#00ab55}#promotion-editor .product-detail .product-inventory .wrap-3 .right{display:flex;align-items:center}#promotion-editor .product-detail .product-inventory .wrap-3 .right .toggle{margin-left:10px}#promotion-editor .product-detail .product-inventory .wrap-4 .total-quantity{display:flex;align-items:center;justify-content:space-between;margin-top:20px;margin-bottom:10px}#promotion-editor .product-detail .product-inventory .wrap-4 .progress{height:10px;border-radius:10px;background-color:gray}#promotion-editor .product-detail .product-inventory .wrap-4 .list-inventories{margin-top:20px;display:flex;align-items:center;justify-content:space-between}#promotion-editor .product-detail .product-inventory .wrap-4 .list-inventories .item{padding-left:20px;position:relative}#promotion-editor .product-detail .product-classify .head-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}#promotion-editor .product-detail .product-classify .head-line .label{font-weight:700;color:#000}#promotion-editor .product-detail .product-classify .classify-detail{display:flex}#promotion-editor .product-detail .product-classify .classify-detail .left-detail{margin-right:20px;border-right:1px solid #ddd;padding-right:20px;width:400px}#promotion-editor .product-detail .product-classify .classify-detail .left-detail .classify-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex:1 1}#promotion-editor .product-detail .product-classify .classify-detail .left-detail .add-classify{background:#00ab55;color:#fff;border-radius:2px;font-size:20px;width:30px;height:30px;display:flex;justify-content:center;align-items:center}#promotion-editor .product-detail .product-classify .classify-detail .left-detail .classify-item{display:flex;align-items:center;background-color:#ddd;padding:5px;cursor:pointer;border-radius:5px;margin-bottom:10px}#promotion-editor .product-detail .product-classify .classify-detail .left-detail .classify-item.active{background:#00ab55}#promotion-editor .product-detail .product-classify .classify-detail .left-detail .classify-item img{width:70px;height:70px;margin-right:10px;border-radius:5px}#promotion-editor .product-detail .product-classify .classify-detail .left-detail .classify-item .classify-info{display:flex;flex-direction:column;font-size:13px}#promotion-editor .product-detail .product-classify .classify-detail .left-detail .classify-item .name{font-size:15px}#promotion-editor .product-detail .product-classify .classify-detail .right-detail{border:1px solid #ddd;border-radius:5px;padding:20px;flex:1 1}#promotion-editor .product-detail .product-classify .classify-detail .right-detail h2{color:#000;font-size:18px;font-weight:600}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .delete{color:red;display:flex;align-items:center;border-radius:5px;border:1px solid red;padding:5px 10px}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .delete ion-icon{margin-right:5px}#promotion-editor .product-detail .product-classify .classify-detail .right-detail input{margin-left:0;font-weight:400}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .l1{display:flex;margin-bottom:10px;margin-top:10px;flex-direction:column}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .l1 span{color:gray}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .l2{display:flex;align-items:center;margin-bottom:10px}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .l2 .short-input-wrapper{display:flex;flex-direction:column;flex:1 1}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .l2 .short-input-wrapper:first-child{margin-right:10px}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .l2 span{color:gray;font-size:16px}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .l2 input{flex:1 1}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .list-price{padding:0;margin-bottom:10px}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .list-price .item{margin-right:10px}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .list-price .item:last-child{margin-right:0}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .list-price input{max-width:150px}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap{display:flex;align-items:center}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap .left{margin-left:10px}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap button{padding:5px 10px;background:#ddd;margin-right:20px;border-radius:2px;color:gray}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap button.active{background-color:#00ab55;color:#fff}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap .right{flex:1 1;justify-content:flex-end;display:flex;align-items:center}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap .right .toggle{margin-left:10px}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap-2{padding-top:10px;display:flex;align-items:center}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap-2 .left,#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap-2 .right{display:flex;color:gray;flex:1 1;flex-direction:column}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap-2 .left{margin-right:10px}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap-2 input{flex:1 1}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap-3{display:flex;align-items:center;justify-content:space-between;padding-top:20px}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap-3 .right{display:flex;align-items:center}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap-3 .right .toggle{margin-left:10px}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap-3 .right input{margin-left:20px;max-width:100px}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap-3 .green{color:#00ab55}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap-4 .total-quantity{display:flex;align-items:center;justify-content:space-between;margin-top:20px;margin-bottom:10px}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap-4 .progress{height:10px;border-radius:10px;background-color:gray}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap-4 .list-inventories{margin-top:20px;display:flex;align-items:center;justify-content:space-between}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap-4 .list-inventories .item{padding-left:20px;position:relative}#promotion-editor .product-detail .product-classify .classify-detail .right-detail .wrap-4 .list-inventories .icon{width:10px;height:10px;background-color:green;border-radius:100%;position:absolute;left:0;top:6px}#promotion-editor .message{border:1px solid #ddd;width:100%;border-radius:5px;margin-top:10px;min-height:60px;padding:10px;color:#00ab55;outline:#ddd}#promotion-editor .recommend-parten{display:flex;gap:10px}#promotion-editor .recommend-parten button{padding:5px;color:gray}#promotion-editor .recommend-parten button:hover{color:#00ab55}#promotions-list{flex:1 1}#promotions-list .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#promotions-list .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#promotions-list .head-bar .head-right{display:flex;align-items:center}#promotions-list .head-bar button{background:#00ab55;color:#fff;border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px;margin-left:20px}#promotions-list .head-bar button:hover{transform:scale(1.1)}#promotions-list .head-bar button.expenses{background-color:red}#promotions-list .head-bar ion-icon{font-size:25px;margin-right:5px}#promotions-list .promotions-all{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}#promotions-list .promotion-item{display:flex;flex-direction:column;padding:10px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);width:350px;border-radius:5px;border:1px solid #ddd}#promotions-list .promotion-item .title{font-weight:700;font-size:18px;margin-bottom:10px;text-align:center;color:#00ab55}#promotions-list .promotion-item .label{color:gray}#promotions-list .promotion-item .line{display:flex;align-items:center;margin-bottom:5px}#promotions-list .promotion-item .line .left{width:150px}#promotions-list .promotion-item .message{color:#00ab55;padding:10px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);border-radius:5px;margin-top:5px;margin-bottom:5px;border:1px solid #ddd}#promotions-list .promotion-item .text{color:#00ab55}#promotions-list .promotion-item .actions{margin-top:10px;display:flex;align-items:center;justify-content:center;color:gray}#promotions-list .promotion-item .actions a{color:gray}#promotions-list .promotion-item .actions button:hover{color:#00ab55}#reminders-list{flex:1 1}#reminders-list .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#reminders-list .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#reminders-list .head-bar .head-right{display:flex;align-items:center}#reminders-list .head-bar button{background:#00ab55;color:#fff;border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px;margin-left:20px}#reminders-list .head-bar button:hover{transform:scale(1.1)}#reminders-list .head-bar button.expenses{background-color:red}#reminders-list .head-bar ion-icon{font-size:25px;margin-right:5px}#reminders-list .promotions-all{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}#reminders-list .promotion-item{display:flex;flex-direction:column;padding:10px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);width:350px;border-radius:5px;border:1px solid #ddd}#reminders-list .promotion-item .title{font-weight:700;font-size:18px;margin-bottom:10px;text-align:center;color:#00ab55}#reminders-list .promotion-item .label{color:gray}#reminders-list .promotion-item .line{display:flex;align-items:center;margin-bottom:5px}#reminders-list .promotion-item .line .left{width:150px}#reminders-list .promotion-item .message{color:#00ab55;padding:10px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);border-radius:5px;margin-top:5px;margin-bottom:5px;border:1px solid #ddd}#reminders-list .promotion-item .content-message{flex:1 1}#reminders-list .promotion-item .text{color:#00ab55}#reminders-list .promotion-item .actions{margin-top:10px;display:flex;align-items:center;justify-content:center;color:gray}#reminders-list .promotion-item .actions a{color:gray}#reminders-list .promotion-item .actions button:hover{color:#00ab55}#reminder-editor{flex:1 1;padding-bottom:20px}#reminder-editor .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);position:fixed;left:280px;width:calc(100% - 310px)}#reminder-editor .head-bar .name{font-size:25px;font-weight:500;color:#00ab55;display:flex;align-items:center}#reminder-editor .head-bar .print-bar-code{margin-right:20px}#reminder-editor .head-bar button{border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px}#reminder-editor .head-bar button.back{background:#00ab55;color:#fff}#reminder-editor .head-bar button.cancel{color:red;border:1px solid red}#reminder-editor .head-bar button:hover{transform:scale(1.1)}#reminder-editor .head-bar ion-icon{font-size:25px;margin-right:5px}#reminder-editor .head-bar .order-id{color:gray;margin-left:10px;font-weight:700}#reminder-editor .product-detail{padding-top:10px}#reminder-editor .product-detail .line{margin-bottom:20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);padding:10px 20px}#reminder-editor .product-detail .line input.main-input:not(:-moz-placeholder-shown){font-weight:700}#reminder-editor .product-detail .line input.main-input:not(:-ms-input-placeholder){font-weight:700}#reminder-editor .product-detail .line input.main-input:not(:placeholder-shown){font-weight:700}#reminder-editor .product-detail .line input.main-input{border-radius:2px;border:1px solid #ddd;outline:none;color:#00ab55;flex:1 1;padding:5px;border-radius:5px}#reminder-editor .product-detail .line input.main-input:focus{outline:1px solid #00ab55}#reminder-editor .product-detail .line .label-input{margin-right:10px}#reminder-editor .product-detail .line .label{color:gray}#reminder-editor .product-detail .promotion-text-info .item{display:flex;align-items:center;margin-bottom:10px}#reminder-editor .product-detail .promotion-text-info .item:last-child{margin-top:0}#reminder-editor .product-detail .promotion-text-info.col-2 .item{flex:1 1}#reminder-editor .product-detail .promotion-text-info.col-2 .item .label-input{width:200px}#reminder-editor .product-detail .col-2{display:flex;gap:50px}#reminder-editor .product-detail .product-name{display:flex;align-items:center}#reminder-editor .product-detail .warpper{flex:1 1;display:flex;align-items:center;justify-content:space-between;gap:10px}#reminder-editor .product-detail .warpper input{display:inline-flex;max-width:inherit;width:200px}#reminder-editor .product-detail button.unit{padding:5px;background-color:#ddd;border-radius:5px;min-width:40px;font-weight:500}#reminder-editor .product-detail button.unit.active{color:#fff;background-color:#00ab55}#reminder-editor .product-detail .product-code{display:flex;align-items:center}#reminder-editor .product-detail .product-code .item{display:flex;align-items:center;min-width:400px}#reminder-editor .product-detail .product-code .item:last-child{margin-left:50px}#reminder-editor .product-detail .product-description{margin-top:10px;width:100%}#reminder-editor .product-detail .product-description textarea{margin-top:2px;border:1px solid #ddd;resize:vertical;width:100%;outline:none;padding:10px;border-radius:5px;font-size:15px;color:gray}#reminder-editor .product-detail .line-unit{margin-bottom:10px;border-top:1px solid #ddd;padding-top:10px}#reminder-editor .product-detail .line-unit:first-child{border-top:none;padding-top:0}#reminder-editor .product-detail .product-unit{display:flex;align-items:center}#reminder-editor .product-detail .product-unit input{margin-right:10px}#reminder-editor .product-detail .product-unit button{margin-left:10px}#reminder-editor .product-detail .recommend-unit{display:flex;margin-top:10px}#reminder-editor .product-detail .recommend-unit button{margin-right:10px}#reminder-editor .product-detail .list-price{display:flex;align-items:center;justify-content:space-between}#reminder-editor .product-detail .title-label{margin-bottom:10px}#reminder-editor .product-detail .revenue-value{margin-top:10px;color:gray}#reminder-editor .product-detail .inventory-data{display:flex;align-items:center;justify-content:space-between}#reminder-editor .product-detail .waring-inventory{display:flex;align-items:center}#reminder-editor .product-detail .waring-inventory input{height:30px;width:75px}#reminder-editor .product-detail .waring-inventory .toggle{margin-left:10px;margin-right:10px}#reminder-editor .product-detail .product-inventory{color:gray}#reminder-editor .product-detail .product-inventory .wrap{display:flex;width:100%;align-items:center}#reminder-editor .product-detail .product-inventory .wrap .left{display:flex;align-items:center;margin-left:20px}#reminder-editor .product-detail .product-inventory .wrap .left button{margin-right:20px}#reminder-editor .product-detail .product-inventory .wrap .right{flex:1 1;display:flex;align-items:center;justify-content:flex-end}#reminder-editor .product-detail .product-inventory .wrap .right .toggle{margin-left:10px}#reminder-editor .product-detail .product-inventory .wrap-3{display:flex;align-items:center;justify-content:space-between;padding-top:20px}#reminder-editor .product-detail .product-inventory .wrap-3 .green{color:#00ab55}#reminder-editor .product-detail .product-inventory .wrap-3 .right{display:flex;align-items:center}#reminder-editor .product-detail .product-inventory .wrap-3 .right .toggle{margin-left:10px}#reminder-editor .product-detail .product-inventory .wrap-4 .total-quantity{display:flex;align-items:center;justify-content:space-between;margin-top:20px;margin-bottom:10px}#reminder-editor .product-detail .product-inventory .wrap-4 .progress{height:10px;border-radius:10px;background-color:gray}#reminder-editor .product-detail .product-inventory .wrap-4 .list-inventories{margin-top:20px;display:flex;align-items:center;justify-content:space-between}#reminder-editor .product-detail .product-inventory .wrap-4 .list-inventories .item{padding-left:20px;position:relative}#reminder-editor .product-detail .product-classify .head-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}#reminder-editor .product-detail .product-classify .head-line .label{font-weight:700;color:#000}#reminder-editor .product-detail .product-classify .classify-detail{display:flex}#reminder-editor .product-detail .product-classify .classify-detail .left-detail{margin-right:20px;border-right:1px solid #ddd;padding-right:20px;width:400px}#reminder-editor .product-detail .product-classify .classify-detail .left-detail .classify-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex:1 1}#reminder-editor .product-detail .product-classify .classify-detail .left-detail .add-classify{background:#00ab55;color:#fff;border-radius:2px;font-size:20px;width:30px;height:30px;display:flex;justify-content:center;align-items:center}#reminder-editor .product-detail .product-classify .classify-detail .left-detail .classify-item{display:flex;align-items:center;background-color:#ddd;padding:5px;cursor:pointer;border-radius:5px;margin-bottom:10px}#reminder-editor .product-detail .product-classify .classify-detail .left-detail .classify-item.active{background:#00ab55}#reminder-editor .product-detail .product-classify .classify-detail .left-detail .classify-item img{width:70px;height:70px;margin-right:10px;border-radius:5px}#reminder-editor .product-detail .product-classify .classify-detail .left-detail .classify-item .classify-info{display:flex;flex-direction:column;font-size:13px}#reminder-editor .product-detail .product-classify .classify-detail .left-detail .classify-item .name{font-size:15px}#reminder-editor .product-detail .product-classify .classify-detail .right-detail{border:1px solid #ddd;border-radius:5px;padding:20px;flex:1 1}#reminder-editor .product-detail .product-classify .classify-detail .right-detail h2{color:#000;font-size:18px;font-weight:600}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .delete{color:red;display:flex;align-items:center;border-radius:5px;border:1px solid red;padding:5px 10px}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .delete ion-icon{margin-right:5px}#reminder-editor .product-detail .product-classify .classify-detail .right-detail input{margin-left:0;font-weight:400}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .l1{display:flex;margin-bottom:10px;margin-top:10px;flex-direction:column}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .l1 span{color:gray}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .l2{display:flex;align-items:center;margin-bottom:10px}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .l2 .short-input-wrapper{display:flex;flex-direction:column;flex:1 1}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .l2 .short-input-wrapper:first-child{margin-right:10px}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .l2 span{color:gray;font-size:16px}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .l2 input{flex:1 1}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .list-price{padding:0;margin-bottom:10px}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .list-price .item{margin-right:10px}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .list-price .item:last-child{margin-right:0}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .list-price input{max-width:150px}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap{display:flex;align-items:center}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap .left{margin-left:10px}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap button{padding:5px 10px;background:#ddd;margin-right:20px;border-radius:2px;color:gray}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap button.active{background-color:#00ab55;color:#fff}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap .right{flex:1 1;justify-content:flex-end;display:flex;align-items:center}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap .right .toggle{margin-left:10px}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap-2{padding-top:10px;display:flex;align-items:center}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap-2 .left,#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap-2 .right{display:flex;color:gray;flex:1 1;flex-direction:column}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap-2 .left{margin-right:10px}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap-2 input{flex:1 1}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap-3{display:flex;align-items:center;justify-content:space-between;padding-top:20px}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap-3 .right{display:flex;align-items:center}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap-3 .right .toggle{margin-left:10px}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap-3 .right input{margin-left:20px;max-width:100px}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap-3 .green{color:#00ab55}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap-4 .total-quantity{display:flex;align-items:center;justify-content:space-between;margin-top:20px;margin-bottom:10px}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap-4 .progress{height:10px;border-radius:10px;background-color:gray}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap-4 .list-inventories{margin-top:20px;display:flex;align-items:center;justify-content:space-between}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap-4 .list-inventories .item{padding-left:20px;position:relative}#reminder-editor .product-detail .product-classify .classify-detail .right-detail .wrap-4 .list-inventories .icon{width:10px;height:10px;background-color:green;border-radius:100%;position:absolute;left:0;top:6px}#reminder-editor .message{border:1px solid #ddd;width:100%;border-radius:5px;margin-top:10px;min-height:60px;padding:10px;color:#00ab55;outline:#ddd}#reminder-editor .recommend-parten{display:flex;gap:10px}#reminder-editor .recommend-parten button{padding:5px;color:gray}#reminder-editor .recommend-parten button:hover{color:#00ab55}#customers-message-list{flex:1 1}#customers-message-list .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#customers-message-list .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#customers-message-list .head-bar .head-right{display:flex;align-items:center}#customers-message-list .head-bar button{background:#00ab55;color:#fff;border-radius:5px;display:flex;font-size:16px;align-items:center;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px;margin-left:20px}#customers-message-list .head-bar button:hover{transform:scale(1.1)}#customers-message-list .head-bar button.expenses{background-color:red}#customers-message-list .head-bar ion-icon{font-size:25px;margin-right:5px}#customers-message-list .customers-all{display:flex;flex-wrap:wrap;gap:20px}#customers-message-list .customer{display:flex;flex-direction:column;box-shadow:0 8px 24px hsla(210,8%,62%,.2);padding:10px;text-align:center;width:200px;border:1px solid #ddd;border-radius:5px;background-color:#ccc}#customers-message-list .customer.sent{opacity:.5}#customers-message-list .customer.sent .actions button{pointer-events:none}#customers-message-list .customer.active{background-color:#ebf8f2}#customers-message-list .customer.active .actions button.active{border:1px solid #00ab55;background-color:#eee;color:#00ab55}#customers-message-list .customer .name{font-weight:700}#customers-message-list .customer .actions{margin-top:10px;margin-bottom:10px;display:flex;flex-direction:column;gap:10px}#customers-message-list .customer .actions button{border-radius:2px;padding:5px;color:gray;border:1px solid #00ab55}#customers-message-list .customer .actions button.active{background-color:#00ab55;color:#fff}#customers-message-list .customer .actions button:hover{box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#customers-message-list .customer .tools{margin-top:5px;display:flex;justify-content:space-between}#customers-message-list .customer .tools img{cursor:pointer;height:20px;width:auto}#setting-home{background-color:#eee;padding-right:10px}#setting-home.setting-employee{background-color:#fff}#setting-home .line-group{display:flex;align-items:flex-start}#setting-home .line-group .group-1{flex:1 1}#setting-home .line-group .group-address{align-items:flex-start;margin-left:30px}#setting-home .line-group .group-address .title{width:90px}#setting-home .line-group-2{display:flex;align-items:flex-start}#setting-home .line-group-2 .line:last-child{margin-left:30px}#setting-home .line-group-2 .line:last-child .title{width:90px}#setting-home .line-group-3{display:flex;gap:30px}#setting-home .line-group-3 .left-side,#setting-home .line-group-3 .right-side{flex:1 1}#setting-home .line-group-bank{display:flex;gap:10px}#setting-home .line-group-bank .line .title{width:120px}#setting-home .line{display:flex;align-items:center;padding:10px 0 10px 10px;flex:1 1}#setting-home .line .title{width:150px}#setting-home .line .address{background-color:#fff;border:1px solid #ddd;padding:5px 10px;flex:1 1;cursor:pointer}#setting-home .line textarea{resize:vertical}#setting-home .line .recommend-currency{display:flex;gap:15px;flex-wrap:wrap;flex:1 1}#setting-home .line .recommend-currency button{padding:5px 10px;border-radius:5px;background-color:#ccc}#setting-home .line .recommend-currency button.active{background-color:#00ab55;color:#fff}#setting-home .line input,#setting-home .line textarea{flex:1 1;border:1px solid #ddd;min-height:30px;outline:none;padding:0 10px;border-radius:2px;font-weight:700}#setting-home .line textarea{padding:10px}#setting-home .section-head-title{background-color:#ccc;padding:10px;display:flex;justify-content:space-between}#setting-home .list-options{display:flex;flex-wrap:wrap;gap:20px;padding:20px;background-color:#eee}#setting-home .list-options.business-type{background-color:#eee}#setting-home .list-options .option{padding:5px 20px;border:1px solid #ccc;border-radius:5px;position:relative;cursor:pointer;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#setting-home .list-options .option .status{position:absolute;top:2px;right:2px;width:20px;height:20px;align-items:center;justify-content:center;display:flex;color:#00ab55;visibility:hidden}#setting-home .list-options .option .status.active{visibility:visible}#setting-home .switch-type{align-items:center;justify-content:center;display:flex;gap:10px}#setting-home .switch-type button{align-items:center;background:gray;font-weight:700;border-radius:2px;color:#ccc;padding:5px 10px;font-weight:400}#setting-home .switch-type button.active{background-color:#00ab55;color:#fff}#setting-bill{flex:1 1}#setting-bill .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#setting-bill .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#setting-bill .head-bar .head-right,#setting-bill .head-bar button{display:flex;align-items:center}#setting-bill .head-bar button{background:#00ab55;color:#fff;border-radius:5px;font-size:16px;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px;margin-left:20px}#setting-bill .head-bar button:hover{transform:scale(1.1)}#setting-bill .head-bar button.expenses{background-color:red}#setting-bill .head-bar ion-icon{font-size:25px;margin-right:5px}#setting-bill #section-below-fixed-head-bar{background-color:#eee;padding:20px}#setting-bill #section-below-fixed-head-bar .title{font-weight:700;margin-top:15px}#setting-bill #section-below-fixed-head-bar .title:first-child{margin-top:0}#setting-bill #section-below-fixed-head-bar .field{display:flex;align-items:center;margin-top:10px}#setting-bill #section-below-fixed-head-bar .field .bill-check-box{display:flex;align-items:center;cursor:pointer}#setting-bill #section-below-fixed-head-bar .field input{flex:1 1;background-color:#fff;outline:none;margin-left:10px;padding:5px;border-radius:5px;border:1px solid #ccc}#setting-bill #section-below-fixed-head-bar .field input:disabled{background-color:gray;font-weight:700;color:#fff}#setting-bill #section-below-fixed-head-bar .field .icon{display:flex;align-items:center;padding:5px;font-size:18px}#setting-bill #section-below-fixed-head-bar .field .icon.active{color:#00ab55;font-weight:700}.qr-bank{max-width:300px;margin-top:10px}.qr-bank .main-info{max-width:300px;background-color:#fff;padding-bottom:5px}.qr-bank .main-info .qr-image{text-align:center}.qr-bank .main-info .info{display:flex;align-items:center;padding:0 10px}.qr-bank .main-info .value{flex:1 1;text-align:right}.qr-bank img{max-width:100%}.qr-bank .account-name,.qr-bank .account-number{text-align:center}.qr-bank .account-name .value{text-transform:uppercase}.qr-bank .value{font-weight:700}.qr-bank .actions{margin-top:10px;display:flex;align-items:center;justify-content:center}#setting-bank{flex:1 1;background-color:#eee}#setting-bank .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#setting-bank .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#setting-bank .head-bar .head-right,#setting-bank .head-bar button{display:flex;align-items:center}#setting-bank .head-bar button{background:#00ab55;color:#fff;border-radius:5px;font-size:16px;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px;margin-left:20px}#setting-bank .head-bar button:hover{transform:scale(1.1)}#setting-bank .head-bar button.expenses{background-color:red}#setting-bank .head-bar ion-icon{font-size:25px;margin-right:5px}#setting-bank .wrapper{padding:10px 20px}#setting-bank .title{font-weight:700;margin-bottom:5px}#setting-bank .qr-wrapper ion-icon{font-size:200px}#setting-web{flex:1 1;background-color:#eee}#setting-web.setting-employee{background-color:#fff}#setting-web .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#setting-web .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#setting-web .head-bar .head-right,#setting-web .head-bar button{display:flex;align-items:center}#setting-web .head-bar button{background:#00ab55;color:#fff;border-radius:5px;font-size:16px;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px;margin-left:20px}#setting-web .head-bar button:hover{transform:scale(1.1)}#setting-web .head-bar button.expenses{background-color:red}#setting-web .head-bar ion-icon{font-size:25px;margin-right:5px}#setting-web .line{display:flex;align-items:center;padding:10px 0 10px 10px;flex:1 1}#setting-web .line .title{width:150px}#setting-web .line textarea{resize:vertical}#setting-web .line .recommend-currency{display:flex;gap:15px;flex-wrap:wrap;flex:1 1}#setting-web .line .recommend-currency button{padding:5px 10px;border-radius:5px;background-color:#ccc}#setting-web .line .recommend-currency button.active{background-color:#00ab55;color:#fff}#setting-web .line input,#setting-web .line textarea{flex:1 1;border:1px solid #ddd;min-height:30px;outline:none;padding:0 10px;border-radius:2px;font-weight:700}#setting-web .line textarea{padding:10px}#setting-web .domain-wrapper{background-color:#fff;padding-right:10px;border-radius:5px;flex:1 1;display:flex;align-items:center}#setting-web .domain-wrapper input{outline:none;border:none;padding-right:0;text-align:right;border-radius:5px;flex:1 1}#setting-web .domain-area{width:480px;display:flex;justify-content:flex-end}#setting-web .uploading{color:#00ab55}#setting-remove-data{flex:1 1;background-color:#eee;min-height:90vh}#setting-remove-data .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#setting-remove-data .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#setting-remove-data #section-below-fixed-head-bar{padding:20px}#setting-remove-data .line{display:flex;align-items:center;padding-right:0;flex:1 1;margin-bottom:10px}#setting-remove-data .line button{display:flex;align-items:center;color:red;border:1px solid red;padding:10px;border-radius:5px}#setting-remove-data .actions,#setting-remove-data .line button span{display:flex;align-items:center}#setting-remove-data .actions{gap:10px}#setting-remove-data input{display:block;padding:10px;outline:none;border-radius:5px;min-width:400px;margin-top:10px;margin-bottom:10px}#setting-home{flex:1 1}#setting-home .head-bar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#setting-home .head-bar .name{font-size:25px;font-weight:500;color:#00ab55}#setting-home .head-bar .head-right,#setting-home .head-bar button{display:flex;align-items:center}#setting-home .head-bar button{background:#00ab55;color:#fff;border-radius:5px;font-size:16px;font-weight:500;transition:all .2s ease;padding:7px 20px 7px 10px;margin-left:20px}#setting-home .head-bar button:hover{transform:scale(1.1)}#setting-home .head-bar button.expenses{background-color:red}#setting-home .head-bar ion-icon{font-size:25px;margin-right:5px}#setting-home .list-employees{display:flex;flex-wrap:wrap;gap:10px}#setting-home .employee{box-shadow:0 8px 24px hsla(210,8%,62%,.2);border:1px solid #eee;padding:10px;border-radius:2px;min-width:300px;cursor:pointer;transition:all .2s ease}#setting-home .employee:hover{background-color:#ebf8f2}#setting-home .employee .name{font-weight:700}#signin-page{display:flex}#signin-page .left-side{padding:20px}#signin-page .left-side .banner{height:90vh;-o-object-fit:cover;object-fit:cover}#signin-page .right-side{flex:1 1;display:flex;justify-content:center}#signin-page .box{width:600px;border:1px solid #ddd;border-radius:5px;padding:40px;height:425px;margin-top:100px}#signin-page .head-box{display:flex;flex-direction:column}#signin-page .head-box h1{text-align:center;line-height:40px;color:#00ab55}#signin-page .head-box a{margin-top:10px}#signin-page .head-box input{color:#00ab55;font-weight:700}#signin-page .head-box .confirm-des{color:gray;font-size:16px;margin-top:20px}#signin-page .bottom-box{margin-top:25px;display:flex;justify-content:space-between;align-items:center}#signin-page .bottom-box button{padding:10px 20px;background-color:#00ab55;color:#fff;border-radius:5px;transition:all .2s ease;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}#signin-page .bottom-box .confirm-back{color:gray;border:1px solid gray;padding:5px 10px;border-radius:10px;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000;opacity:.5}.modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;display:flex;justify-content:center;align-items:center}.modal-wrapper .modal{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:10px;max-width:600px;padding:2rem;width:600px;transform:none!important}.alog{padding-top:50px}.alog .container{max-width:800px;margin:0 auto;padding-left:20px;padding-right:20px}.alog h1{text-align:center;padding-top:10px;padding-bottom:10px;color:#00ab55}.alog h2{margin-top:10px;line-height:30px;color:#00ab55}.alog h2,.alog p{margin-bottom:10px}.alog p{font-weight:300;text-align:justify}#invoice-order{text-align:center;padding-top:10px;line-height:11px;padding-left:0;padding-right:10px;background:#fff;width:auto}#invoice-order .body.order-bill-body{margin:0 auto;min-width:11.5em;line-height:.5em}#invoice-order .body.order-bill-body.image{padding-left:.4em}#invoice-order .body.order-bill-body .text{font-size:.6em;font-family:sans-serif}#invoice-order .body.order-bill-body .head{border-bottom:1px dashed #000;padding-bottom:.2em}#invoice-order .body.order-bill-body .name-shop{font-weight:700;font-size:.6em!important;text-transform:uppercase;line-height:1.2em;word-break:break-word}#invoice-order .body.order-bill-body .head-body{display:flex;align-items:center;justify-content:center;padding-top:.5em}#invoice-order .body.order-bill-body .head-body #qrcode{width:2.5em!important;height:2.5em!important;margin-right:.3em}#invoice-order .body.order-bill-body .head-body .shop-info{text-align:left;word-break:break-all;flex:1 1}#invoice-order .body.order-bill-body .head-body .shop-info.hide-qr-web{text-align:center}#invoice-order .body.order-bill-body .head-body .shop-info.hide-qr-web .web{justify-content:center}#invoice-order .body.order-bill-body .head-body .shop-info .item{font-size:.6em}#invoice-order .body.order-bill-body .head-body .shop-info .item:last-child{margin-bottom:0}#invoice-order .body.order-bill-body .head-body .shop-info .shop-phone{line-height:1.2em;font-size:.6em}#invoice-order .body.order-bill-body .head-body .shop-info .web{display:flex;align-items:center;line-height:1.2em}#invoice-order .body.order-bill-body .shop-address{word-break:break-word;line-height:1.1em;text-align:left;margin-top:.3em}#invoice-order .body.order-bill-body .line-center{line-height:1.2em}#invoice-order .body.order-bill-body .title-bill{font-size:.6em;font-weight:700;text-transform:uppercase;margin-top:.5em;margin-bottom:.2em}#invoice-order .body.order-bill-body .time-bill.text{margin-bottom:.2em}#invoice-order .body.order-bill-body .customer .address{white-space:nowrap;margin-right:.2em}#invoice-order .body.order-bill-body .customer-note-label{margin-right:.2em}#invoice-order .body.order-bill-body .customer-note-text{text-align:right}#invoice-order .body.order-bill-body .product-item{padding-top:.1em;padding-bottom:.1em}#invoice-order .body.order-bill-body .product-item .product-name{text-align:left;line-height:.4em;margin-bottom:.1em}#invoice-order .body.order-bill-body .product-money{min-width:6em!important;text-align:right}#invoice-order .body.order-bill-body .nowrap{white-space:nowrap}#invoice-order .body.order-bill-body .line,#invoice-order .body.order-bill-body .line-text{display:flex;justify-content:space-between}#invoice-order .body.order-bill-body .line-text.note{justify-content:flex-start}#invoice-order .body.order-bill-body .line-text.note .nowrap{margin-right:.4em}#invoice-order .body.order-bill-body .line-number{display:flex;justify-content:space-between}#invoice-order .body.order-bill-body .line-number .text{font-size:.6em}#invoice-order .body.order-bill-body .item .line>span:first-child{min-width:60%}#invoice-order .body.order-bill-body .item .line>span:nth-child(2){width:10%}#invoice-order .body.order-bill-body .head-title{display:flex;align-items:center;width:100%;justify-content:space-between;padding-top:.2em;padding-bottom:.2em;margin-bottom:.4em}#invoice-order .body.order-bill-body .head-title .text-price{width:6em!important;text-align:left;display:flex}#invoice-order .body.order-bill-body .head-title span{text-align:right}#invoice-order .body.order-bill-body .bold{font-weight:700}#invoice-order .body.order-bill-body .border-top{border-top:1px dashed #000}#invoice-order .body.order-bill-body .box{margin-top:.3em;padding-top:.3em}#invoice-order .body.order-bill-body .border-bottom{border-bottom:1px dashed #000}#invoice-order .body.order-bill-body span{text-align:left;line-height:1.2em;word-break:break-word}#invoice-order .body.order-bill-body .origin-price{text-decoration:line-through}#invoice-order .body.order-bill-body .price{width:6em!important;display:flex;text-align:left}#invoice-order .body.order-bill-body .price-2{width:-moz-fit-content;width:fit-content;display:flex;flex-wrap:wrap;align-items:center}#invoice-order .body.order-bill-body .origin-price.text{margin-left:.5em}#invoice-order .body.order-bill-body .total{padding-top:.1em;padding-bottom:.1em}#invoice-order .body.order-bill-body .afada,#invoice-order .body.order-bill-body .shop-note{font-size:.6em}#invoice-order .body.order-bill-body .afada.bold{margin-top:.6em}#invoice-order .body.order-bill-body .afada.text.small{font-size:.6em}#invoice-order .body.order-bill-body .bottom-text{margin-top:.2em}#invoice-order .body.order-bill-body .bottom-bill{margin-top:.4em;padding-bottom:.2em}#invoice-order .body.order-bill-body .qr-bank{display:flex;justify-content:center;align-items:center;margin:0 auto;max-width:100%}#invoice-order .body.order-bill-body .qr-bank .main-info{max-width:100%;border:2px dashed #000;padding:.2em;margin-top:.1em;margin-bottom:.1em}#invoice-order .body.order-bill-body .qr-bank .qr-image{padding:.2em}#invoice-order .body.order-bill-body .qr-bank .qr-pay{font-size:.6em;font-weight:700}#invoice-order .body.order-bill-body .qr-bank .info .text,#invoice-order .body.order-bill-body .qr-bank .info .value{font-size:.6em!important}#invoice-order .body.order-bill-body .qr-bank .info .text{margin-right:.2em}#invoice-order .body.order-bill-body .qr-bank .info .value{text-align:right}@media print{.page-break{margin-top:1rem;display:block;page-break-after:always}.page-stamp{page-break-after:always;margin:0;page-break-inside:avoid;padding:0;width:100vw;height:100vh}}