@import url(https://fonts.googleapis.com/css2?family=Changa:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Battambang:wght@300;400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Moul&display=swap);*{font-family:Changa,sans-serif}.bold{font-weight:700}.small{font-size:.8rem}.big{font-size:1.2rem}.main-layout{display:flex;flex-direction:row}.main-layout .side-menu-component{flex-basis:5rem;width:5rem;height:100vh}.main-layout>.sub-ctn{flex-grow:1;height:100vh;display:flex;flex-direction:column;position:relative}.main-layout>.sub-ctn .top-bar-component{width:100%;height:3rem;box-shadow:0 0 8px #aaa}.main-layout>.sub-ctn .view-container{width:100%;max-width:calc(100vw - 5rem);height:calc(100vh - 3rem);background-color:#eee;transition:.5s}.auth-layout{width:100vw;height:100vh;display:flex;flex-direction:row}.auth-layout .cover{width:40vw;height:100vh;background-color:#232323}.auth-layout .view-container{width:60vw;height:100vh;padding:6rem 10rem;position:relative}.auth-layout .view-container .credit{position:absolute;top:6rem;right:6rem;color:#aaa;cursor:pointer;transition:.35s ease-in-out}.auth-layout .view-container .credit:hover{color:#000}.side-menu-component{display:flex;flex-direction:row;position:relative;z-index:1000;color:#fff}.side-menu-component:hover .shadow-ctn{max-width:calc(20rem + 15px)}.side-menu-component:hover .shadow-ctn .ctn{max-width:20rem}.side-menu-component:hover .shadow-ctn .ctn .menu .item .label{max-width:15rem;opacity:1}.side-menu-component .shadow-ctn{max-width:calc(5rem + 15px);width:calc(20rem + 15px);height:100vh;position:absolute;left:0;top:0}.side-menu-component .shadow-ctn .ctn{max-width:5rem;width:20rem;height:100vh;overflow:scroll;display:flex;flex-direction:column;justify-content:flex-start;padding:1rem 0;box-shadow:0 0 10px #666;background-color:#232323;transition:.35s ease-in-out}.side-menu-component .shadow-ctn .ctn .menu .item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;position:relative;margin-bottom:1rem;cursor:pointer;filter:brightness(60%);transition:.35s ease-in-out}.side-menu-component .shadow-ctn .ctn .menu .item:hover{filter:brightness(100%)}.side-menu-component .shadow-ctn .ctn .menu .item:hover:before{transform:translateX(0);opacity:1}.side-menu-component .shadow-ctn .ctn .menu .item:before{content:"";width:.5rem;height:80%;background-color:#fff;position:absolute;left:0;top:10%;border-radius:0 .5rem .5rem 0;transform:translateX(-.5rem);opacity:0;transition:.35s ease-in-out}.side-menu-component .shadow-ctn .ctn .menu .item.title{filter:brightness(100%);margin-bottom:2rem}.side-menu-component .shadow-ctn .ctn .menu .item.title:before{content:unset}.side-menu-component .shadow-ctn .ctn .menu .item.active{filter:brightness(100%)}.side-menu-component .shadow-ctn .ctn .menu .item.active:before{transform:translateX(0);opacity:1}.side-menu-component .shadow-ctn .ctn .menu .item .icon{width:2.5rem;height:2.5rem;background-size:contain;background-position:50%;background-repeat:no-repeat;margin:0 1.25rem;position:relative}.side-menu-component .shadow-ctn .ctn .menu .item .icon .counter{position:absolute;top:-.5rem;right:-.5rem;line-height:1rem;width:1rem;border-radius:.5rem;font-size:.8rem;text-align:center;background-color:#dc3545}.side-menu-component .shadow-ctn .ctn .menu .item .label{max-width:0;opacity:0;width:15rem;line-height:2.5rem;height:2.5rem;overflow:hidden;transition:.35s ease-in-out}.top-bar-component{background-color:#fff;border-bottom:1px solid #ccc;z-index:500;display:flex;flex-direction:row;justify-content:space-between;padding:0 1rem}.top-bar-component .navigation{height:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.top-bar-component .navigation .element{display:flex;flex-direction:row;align-items:center;filter:brightness(200%);transition:.35s ease-in-out}.top-bar-component .navigation .element+.element{margin-left:.5rem}.top-bar-component .navigation .element:hover{filter:brightness(100%)}.top-bar-component .navigation .element .title{margin-right:.25rem;cursor:pointer;transition:.35s ease-in-out;color:#333}.top-bar-component .navigation .element .icon{width:1rem;height:1rem;background-size:contain;background-position:50%}.top-bar-component .menu{height:100%;display:flex;flex-direction:row;align-items:center}.top-bar-component .menu .icon{width:2rem;height:2rem;border-radius:50%;background-color:#aaa}.top-bar-component .menu .icon+.icon{margin-left:.5rem}@-webkit-keyframes tabBarItem{0%{max-width:30%}50%{max-width:100%}to{max-width:30%}}@keyframes tabBarItem{0%{max-width:30%}50%{max-width:100%}to{max-width:30%}}.tab-bar-loading-component{width:100%;height:3rem;display:flex;flex-direction:row;margin-bottom:2rem;position:relative}.tab-bar-loading-component .item{width:6rem;height:100%;padding:0 1rem;position:relative}.tab-bar-loading-component .item+.item{margin-left:.5rem}.tab-bar-loading-component .item:before{content:"";width:100%;height:1rem;position:absolute;top:1rem;left:0;background-color:#eee;-webkit-animation:tabBarItem 1.5s ease-in-out infinite;animation:tabBarItem 1.5s ease-in-out infinite}.tab-bar-loading-component:before{content:"";width:100%;height:2px;position:absolute;bottom:0;left:0;opacity:.1;background-color:#888}@-webkit-keyframes listingItem{0%{max-width:40%}50%{max-width:80%}to{max-width:40%}}.listing-loading-component table.loading{width:100%;border-collapse:collapse}.listing-loading-component table.loading tr{cursor:default}.listing-loading-component table.loading tr td,.listing-loading-component table.loading tr th{height:3rem;line-height:3rem;padding:0 1rem}.listing-loading-component table.loading tr td.select,.listing-loading-component table.loading tr th.select{width:2rem}.listing-loading-component table.loading tr td.select .select-item,.listing-loading-component table.loading tr th.select .select-item{width:1rem;height:1rem;border:1px solid #aaa;border-radius:.25rem}.listing-loading-component table.loading tr td.option,.listing-loading-component table.loading tr th.option{width:2rem}.listing-loading-component table.loading tr td.option .icon,.listing-loading-component table.loading tr th.option .icon{width:1rem;height:2rem;background-color:#eee}.listing-loading-component table.loading tr th{text-align:left;font-weight:400}.listing-loading-component table.loading tr td{background-color:#f8f8f8;position:relative}.listing-loading-component table.loading tr td:after{content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;background-color:#aaa}.listing-loading-component table.loading tr td.item,.listing-loading-component table.loading tr td .item{padding:0 1rem;position:relative}.listing-loading-component table.loading tr td.item:before,.listing-loading-component table.loading tr td .item:before{content:"";width:80%;height:1rem;position:absolute;top:1rem;left:1rem;background-color:#eee;-webkit-animation:listingItem 1.5s infinite;animation:listingItem 1.5s infinite}.listing-loading-component table.loading tr td.has-image{display:flex;flex-direction:row;align-items:center}.listing-loading-component table.loading tr td.has-image .image{width:2rem;height:2rem;border-radius:50%;background-color:#eee;margin-right:1rem}.listing-loading-component table.loading tr td.has-image .item{width:calc(100% - 3rem);height:100%}@keyframes listingItem{0%{max-width:40%}50%{max-width:80%}to{max-width:40%}}.listing-component{margin-bottom:1rem}.listing-component table.standard{width:100%;border-collapse:collapse}.listing-component table.standard tr{cursor:default}.listing-component table.standard tr td,.listing-component table.standard tr th{height:3rem;line-height:3rem;padding:0 1rem}.listing-component table.standard tr td.select,.listing-component table.standard tr th.select{width:2rem}.listing-component table.standard tr td.select .select-item,.listing-component table.standard tr th.select .select-item{width:1rem;height:1rem;border:1px solid #aaa;border-radius:.25rem}.listing-component table.standard tr td.select .select-item.active,.listing-component table.standard tr th.select .select-item.active{background-color:#888}.listing-component table.standard tr td.option,.listing-component table.standard tr th.option{width:2rem}.listing-component table.standard tr td.option .icon,.listing-component table.standard tr th.option .icon{width:1rem;height:2rem;background-color:#eee}.listing-component table.standard tr th{text-align:left;font-weight:400;transition:.35s ease-in-out}.listing-component table.standard tr th:hover{background-color:#eee}.listing-component table.standard tr th.sort div{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.listing-component table.standard tr th.sort div p{position:relative}.listing-component table.standard tr th.sort div p:before{content:"";width:1rem;height:1rem;background-color:#eee;background-size:contain;background-repeat:no-repeat;position:absolute;right:-1.5rem;top:1rem}.listing-component table.standard tr th.sort.asc div p:before{background-image:url(/icons/up.png)}.listing-component table.standard tr th.sort.desc div p:before{background-image:url(/icons/down.png)}.listing-component table.standard tr td{background-color:#f8f8f8;color:#444;position:relative}.listing-component table.standard tr td:before{content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;background-color:#aaa}.listing-component table.standard tr td.has-image{display:flex;flex-direction:row;align-items:center}.listing-component table.standard tr td.has-image .image{width:2rem;height:2rem;border-radius:50%;background-color:#eee;margin-right:1rem}.listing-component table.standard tr td.option{position:relative}.listing-component table.standard tr td.option .option-menu{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:absolute;top:0;right:0;height:3rem;padding:0 1rem;transition:.35s ease-in-out;z-index:10}.listing-component table.standard tr td.option .option-menu .btn{line-height:2rem;font-size:.8rem;transition:.35s ease-in-out}.listing-component table.standard tr td.option .option-menu .btn+.btn{margin-left:.5rem}.listing-component table.standard tr td.option .option-menu .btn.delete{color:#dc3545}.listing-component table.standard tr td.option .option-menu .btn.accept{color:#28a745}.listing-component table.standard tr td.option .option-menu .btn.edit{color:#00f}.listing-component .pagination{display:flex;flex-direction:row;justify-content:center;align-items:center;height:3rem;background-color:#eee}.listing-component .pagination .group{display:flex;flex-direction:row;margin-right:1rem}.listing-component .pagination .group>*+*{margin-left:.5rem}.listing-component .pagination .group .small{width:4rem;text-align:center;padding:0 .5rem}.listing-component .pagination .group input[type=number]::-webkit-inner-spin-button,.listing-component .pagination .group input[type=number]::-webkit-outer-spin-button{opacity:1}.listing-component .pagination .btn{width:2rem;height:3rem;background-color:#eee;font-size:.7rem}.listing-component tbody.loading{width:100%;border-collapse:collapse}.listing-component tbody.loading tr{cursor:default}.listing-component tbody.loading tr td,.listing-component tbody.loading tr th{height:3rem;line-height:3rem;padding:0 1rem}.listing-component tbody.loading tr td.select,.listing-component tbody.loading tr th.select{width:2rem}.listing-component tbody.loading tr td.select .select-item,.listing-component tbody.loading tr th.select .select-item{width:1rem;height:1rem;border:1px solid #aaa;border-radius:.25rem}.listing-component tbody.loading tr td.option,.listing-component tbody.loading tr th.option{width:2rem}.listing-component tbody.loading tr td.option .icon,.listing-component tbody.loading tr th.option .icon{width:1rem;height:1rem;background-color:#eee}.listing-component tbody.loading tr th{text-align:left;font-weight:400}.listing-component tbody.loading tr td{background-color:#f8f8f8;position:relative}.listing-component tbody.loading tr td:after{content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;background-color:#aaa}.listing-component tbody.loading tr td.item,.listing-component tbody.loading tr td .item{padding:0 1rem;position:relative}.listing-component tbody.loading tr td.item:before,.listing-component tbody.loading tr td .item:before{content:"";width:80%;height:1rem;position:absolute;top:1rem;left:1rem;background-color:#eee;-webkit-animation:listingItem 1.5s infinite;animation:listingItem 1.5s infinite}.listing-component tbody.loading tr td.has-image{display:flex;flex-direction:row;align-items:center}.listing-component tbody.loading tr td.has-image .image{width:2rem;height:2rem;border-radius:50%;background-color:#eee;margin-right:1rem}.listing-component tbody.loading tr td.has-image .item{width:calc(100% - 3rem);height:100%}.tab-bar-component{width:100%;display:flex;flex-direction:row;align-items:center;line-height:3rem;margin-bottom:2rem}.tab-bar-component .ctn{width:100%;height:100%;justify-content:space-between}.tab-bar-component .ctn,.tab-bar-component .ctn .group{display:flex;flex-direction:row}.tab-bar-component .ctn .group.left{position:relative;padding-right:1rem}.tab-bar-component .ctn .group.left:before{content:"";width:100%;height:2px;position:absolute;bottom:0;left:0;opacity:.1;background-color:#888}.tab-bar-component .ctn .group.left .item{padding:0 1rem;position:relative;transition:.35s;cursor:pointer}.tab-bar-component .ctn .group.left .item+.item{margin-left:.5rem}.tab-bar-component .ctn .group.left .item:hover:before{max-width:100%}.tab-bar-component .ctn .group.left .item:before{content:"";width:100%;max-width:0;height:4px;position:absolute;bottom:0;left:0;transition:.35s;background-color:#232323}.tab-bar-component .ctn .group.left .item.active:before{max-width:100%}.tab-bar-component .ctn .group.right .input{width:10rem;height:3rem;font-size:1rem;border:1px solid #aaa;padding:0 1rem;transition:.35s ease-in-out}.tab-bar-component .ctn .group.right .input:focus{border-color:#232323}.tab-bar-component .ctn .group.right .btn{width:3rem;height:3rem;background-color:#eee;font-size:.7rem}.form-item-component{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:1rem}.form-item-component .label{line-height:2rem}.form-item-component .input{width:100%;height:3rem;font-size:1rem;border:1px solid #aaa;padding:0 1rem;transition:.35s ease-in-out}.form-item-component .input:focus{border-color:#232323}.form-item-component select{width:100%;height:3rem;font-size:1rem;border:1px solid #aaa;padding:0 1rem}.disabled-btn{text-align:center;line-height:3rem;background-color:#aaa;color:#fff}.search-bar,.search-bar form{display:flex}.search-bar form input{max-width:100rem;box-shadow:inset 0 0 1px 1px #000;line-height:2rem;padding:0 1rem}.search-bar form .submit .btn{background-color:#000;color:#fff;line-height:2rem;padding:0 1rem}.modal{height:100vh;width:100vw;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000;background-color:rgba(0,0,0,.8)}.modal .modal-content{background-color:#fff;padding:1rem;min-width:10rem}.auth-layout .page{display:flex;flex-direction:column;padding-top:2rem}.auth-layout .page .title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:2rem}.auth-layout .page .description{color:#aaa;margin-bottom:2rem}.auth-layout .page .input-ctn,.auth-layout .page form{display:flex;flex-direction:column}.auth-layout .page .input-ctn{justify-content:flex-start;align-items:flex-start}.auth-layout .page .input-ctn .label{line-height:2rem}.auth-layout .page .input-ctn .input{width:100%;height:4rem;font-size:1.2rem;border:1px solid #aaa;padding:0 2rem;margin-bottom:2rem;transition:.35s ease-in-out}.auth-layout .page .input-ctn .input:focus{border-color:#232323}.auth-layout .page .forgot-password{align-self:flex-end;line-height:2rem;color:#aaa;cursor:pointer;transition:.35s ease-in-out;margin-bottom:1rem}.auth-layout .page .forgot-password:hover{color:#232323}.auth-layout .page .submit{align-self:flex-end;display:flex;flex-direction:row;align-items:center;height:3rem}.auth-layout .page .submit .label{font-size:1.5rem;margin-right:1rem}.auth-layout .page .submit .sign-in-btn{background-color:#232323;font-size:1.5rem;padding:0 2rem;color:#fff}.auth-layout .page .submit .icon{width:2rem;height:2rem;background-color:#888}.auth-layout .page .go-back{position:absolute;bottom:6rem;left:6rem;color:#aaa;font-size:1.5rem;cursor:pointer;transition:.35s ease-in-out}.auth-layout .page .go-back:hover{color:#232323}.main-layout .page{width:100%;height:100%;background-color:#fff}.dashboard{display:flex;flex-direction:row;flex-grow:1}.dashboard .content{width:100%;height:100%;padding:1rem;overflow-x:hidden;overflow-y:auto;position:relative}.dashboard .content .action-menu-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.dashboard .content .search{border:1px solid #6c757d;border-radius:5px;padding:.5rem .5rem;width:30%}.dashboard .content .title-bar{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;line-height:3rem;margin-bottom:2rem}.dashboard .content .title-bar .title{font-size:2rem;font-weight:700}.dashboard .content .title-bar .group,.dashboard .content .title-bar .group .btn.new{display:flex;flex-direction:row;align-items:center;justify-content:center}.dashboard .content .title-bar .group .btn.new{width:10rem;background-color:#232323;color:#fff;margin-right:1rem}.dashboard .content .title-bar .group .btn.new .icon{width:1rem;height:1rem;background-color:#eee;margin-right:.5rem}.dashboard .content .title-bar .group .btn.more{width:2rem;height:3rem;background-color:#888}.dashboard .content .title-bar .group .btn.import{width:10rem;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff;margin-right:1rem;background-color:#17a2b8}.dashboard .action-menu{width:40vw;max-width:0;transition:.35s;padding:1rem 0;border-left:1px solid #aaa;box-shadow:0 0 5px #ccc;position:relative;overflow:scroll}.dashboard .action-menu.active{max-width:40vw;padding:1rem}.dashboard .action-menu.active .close,.dashboard .action-menu.active .form{opacity:1}.dashboard .action-menu .title{font-size:2rem;font-weight:700}.dashboard .action-menu .close{width:1.5rem;height:1.5rem;background-color:red;position:absolute;top:1rem;right:1rem;opacity:0}.dashboard .action-menu form{display:flex;flex-direction:column}.dashboard .action-menu form .input-ctn{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.dashboard .action-menu form .input-ctn .label{line-height:2rem}.dashboard .action-menu form .input-ctn .input{width:100%;height:4rem;font-size:1.2rem;border:1px solid #aaa;padding:0 2rem;margin-bottom:2rem;transition:.35s ease-in-out}.dashboard .action-menu form .input-ctn .input:focus{border-color:#232323}.dashboard .action-menu form .submit,.users-dashboard .action-button{line-height:3rem;background-color:#232323;color:#fff}.users-dashboard .action-button{text-align:center;margin:1rem 0}.users-dashboard .adjust-user-balance,.users-dashboard .adjust-user-balance form{display:flex;flex-direction:column}.users-dashboard .adjust-user-balance form .row{display:flex}.users-dashboard .adjust-user-balance form .row .btn{flex:1;line-height:3rem;text-align:center;background-color:#000;color:#fff;margin:1rem}.users-dashboard .shipping-details,.users-dashboard .shipping-details .shipping-detail-list{display:flex;flex-direction:column}.users-dashboard .shipping-details .shipping-detail-list .add-shipping-details{line-height:3rem;background-color:#232323;color:#fff;text-align:center;margin-bottom:1rem}.users-dashboard .image-preview{width:100%;min-height:10rem;height:auto;display:flex;align-items:center;justify-content:center;background-color:#aaa}.users-dashboard .image-preview p{color:#fff}.users-dashboard .image-preview .image{width:100%}.users-dashboard .file-input{height:0;width:0;visibility:hidden}.merchant-dashboard-page .action-button{line-height:3rem;background-color:#232323;color:#fff;text-align:center;margin:1rem 0}.merchant-dashboard-page .shipping-details,.merchant-dashboard-page .shipping-details .shipping-detail-list{display:flex;flex-direction:column}.merchant-dashboard-page .shipping-details .shipping-detail-list .add-shipping-details{line-height:3rem;background-color:#232323;color:#fff;text-align:center;margin-bottom:1rem}.merchant-dashboard-page .disabled{text-align:center;line-height:3rem;background-color:#aaa;color:#fff}.merchant-dashboard-page .image-preview{width:100%;min-height:10rem;height:auto;display:flex;align-items:center;justify-content:center;background-color:#aaa}.merchant-dashboard-page .image-preview p{color:#fff}.merchant-dashboard-page .image-preview img{width:100%}.merchant-dashboard-page .file-input{height:0;width:0;visibility:hidden}.merchant-details .content{display:flex;flex-direction:column}.merchant-details .content .page-content{display:flex;flex:1 0 0}.merchant-details .content .page-content .merchant-info{display:flex;flex-direction:column;border-right:1px solid #000;padding:1rem}.merchant-details .content .page-content .merchant-info .card{background-color:#f4f4f4;padding:1rem}.merchant-details .content .page-content .merchant-info .user-info{margin-bottom:1rem}.merchant-details .content .page-content .merchant-info .shop-info .merchant-logo{height:10rem;width:100%;background-color:#fff;background-size:contain;background-repeat:no-repeat;background-position:50%}.merchant-details .content .page-content .merchant-products{flex:1;display:flex;flex-direction:column}.merchant-details .content .page-content .merchant-products .category-list{display:flex}.merchant-details .content .page-content .merchant-products .category-list .category{line-height:2rem;padding:0 1rem}.merchant-details .content .page-content .merchant-products .category-list .category.active{background-color:#000;color:#fff}.merchant-details .content .page-content .merchant-products .product-list{flex:1 0 0;overflow:scroll;display:flex;flex-direction:column;padding:2rem}.merchant-details .content .page-content .merchant-products .product-list .product-item{position:relative;display:flex;background-color:#f4f4f4;padding:1rem}.merchant-details .content .page-content .merchant-products .product-list .product-item .text_num{position:absolute}.merchant-details .content .page-content .merchant-products .product-list .product-item .product-image{height:8rem;width:8rem;background-color:#fff;background-size:contain;background-repeat:no-repeat;background-position:50%;margin-right:1rem}.merchant-details .content .page-content .merchant-products .new-product{display:flex;justify-content:center;align-items:center}.merchant-details .content .page-content .merchant-products .new-product .btn{background-color:#000;color:#fff;line-height:3rem;padding:0 2rem}.transaction-details .content{display:flex;flex-direction:column}.transaction-details .content .page-content{display:flex;flex:1 0 0}.transaction-details .content .page-content .transaction-info{flex:1 0 0;display:flex;flex-direction:column;border-right:1px solid #000;padding:1rem}.transaction-details .content .page-content .transaction-info .payment,.transaction-details .content .page-content .transaction-info .shipping-info,.transaction-details .content .page-content .transaction-info .shipping-methods,.transaction-details .content .page-content .transaction-info .user-info{padding:1rem;background-color:#f4f4f4;margin-bottom:.5rem}.transaction-details .content .page-content .transaction-info .payment .btn{text-align:center;line-height:2rem;padding:0 1rem}.transaction-details .content .page-content .transaction-info .payment .confirm{background-color:#28a745;color:#fff;margin-bottom:.5rem}.transaction-details .content .page-content .items-list{flex:2 0 0;display:flex;flex-direction:column;padding:1rem}.transaction-details .content .page-content .items-list .product-list{flex:1 0 0}.transaction-details .content .page-content .items-list .product-list .product-item{display:flex;background-color:#f4f4f4;align-items:center;margin-bottom:1rem;padding:1rem}.transaction-details .content .page-content .items-list .product-list .product-item .image{height:6rem;width:6rem;margin-right:1rem}.transaction-details .content .page-content .items-list .product-list .product-item .product-info{flex:1}.transaction-details .content .page-content .items-list .product-list .product-item .product-info .link{color:#17a2b8}.transaction-details .content .page-content .items-list .product-list .product-item .product-info div p{word-break:break-all}.transaction-details .content .page-content .items-list .product-list .product-item .btn-group .btn{text-align:center;line-height:2rem;padding:0 1rem}.transaction-details .content .page-content .items-list .product-list .product-item .btn-group .confirm{background-color:#28a745;color:#fff;margin-bottom:.5rem}.transaction-details .product-pricing-modal .submit{display:flex;justify-content:space-between}.transaction-details .icon{width:1rem;height:1rem;background-color:#eee;margin-right:.5rem}.submit-order{display:flex;justify-content:center}.submit-order .add-order{background-color:#000}.submit-order .add-order,.submit-order .disabled{text-align:center;line-height:2rem;color:#fff;padding:0 1rem}.submit-order .disabled{background-color:#aaa}.submit-order .btn{text-align:center;line-height:2rem;padding:0 1rem}.order-details .content{display:flex;flex-direction:column}.order-details .content .page-content{display:flex;flex:1 0 0}.order-details .content .page-content .order-info{flex:1 0 0;display:flex;flex-direction:column;border-right:1px solid #000;padding:1rem}.order-details .content .page-content .order-info .payment-confirmation,.order-details .content .page-content .order-info .shipping-info,.order-details .content .page-content .order-info .shipping-methods,.order-details .content .page-content .order-info .user-info{padding:1rem;background-color:#f4f4f4;margin-bottom:.5rem}.order-details .content .page-content .order-info .payment-confirmation .pay{line-height:2rem;padding:0 2rem;background-color:#000;color:#fff}.order-details .content .page-content .items-list{flex:2 0 0;display:flex;flex-direction:column;padding:1rem}.order-details .content .page-content .items-list .status{display:flex;flex-direction:column}.order-details .content .page-content .items-list .status .status-list{display:flex;flex-wrap:wrap}.order-details .content .page-content .items-list .status .status-list .btn{line-height:3rem;text-align:center;background-color:#aaa;color:#fff;margin-right:.5rem;margin-bottom:.5rem;padding:0 2rem}.order-details .content .page-content .items-list .status .status-list .btn.active{background-color:#28a745}.order-details .content .page-content .items-list .product-list{flex:1 0 0}.order-details .content .page-content .items-list .product-list .product-item{display:flex;background-color:#f4f4f4;align-items:center;margin-bottom:1rem;padding:1rem}.order-details .content .page-content .items-list .product-list .product-item .image{height:8rem;width:8rem;margin-right:1rem;margin-left:.5rem}.order-details .content .page-content .items-list .product-list .product-item .product-info{flex:1}.order-details .content .page-content .items-list .product-list .product-item .product-info .link{color:#17a2b8}.order-details .content .page-content .items-list .product-list .product-item .product-info div p{word-break:break-all;padding-right:10px}.order-details .content .page-content .items-list .product-list .product-item .btn-group .refund{background-color:#dc3545;color:#fff;text-align:center}.order-details .content .page-content .items-list .product-list .product-item .btn-group .info{background-color:#17a2b8;color:#fff;text-align:center}.order-details .content .page-content .items-list .product-list .product-item .btn-group .checkbox{width:1rem;height:1rem}.order-details .rejected{color:#dc3545}.order-details .reject{background-color:#dc3545;color:#fff}.order-details .approved{color:#28a745}.order-details .approve{background-color:#28a745;color:#fff}.order-details .other-cost-modal form,.order-details .product-pricing-modal form,.order-details .update-cost-modal form{display:flex;flex-direction:column;width:20rem}.order-details .other-cost-modal form .input,.order-details .product-pricing-modal form .input,.order-details .update-cost-modal form .input{width:100%;border-bottom:1px solid #000}.order-details .other-cost-modal form .submit,.order-details .product-pricing-modal form .submit,.order-details .update-cost-modal form .submit{display:flex;justify-content:center}.order-details .other-cost-modal form .submit .btn,.order-details .product-pricing-modal form .submit .btn,.order-details .update-cost-modal form .submit .btn{background-color:#000;color:#fff;line-height:2rem;padding:0 2rem;margin-top:1rem}.order-details .other-cost-modal form .submit .close,.order-details .product-pricing-modal form .submit .close,.order-details .update-cost-modal form .submit .close{background-color:#dc3545;color:#fff;margin-left:1rem}.new-product .file-input{height:0;width:0;visibility:hidden}.new-product .content{display:flex;flex-direction:column}.new-product .content form{flex:1;display:flex;flex-direction:column}.new-product .content form .page-content{display:flex;flex:1 0 0}.new-product .content form .page-content .product-image{width:30%;border-right:1px solid #000;padding:1rem}.new-product .content form .page-content .product-image .main-image{width:100%;height:0;padding-top:56.25%;display:block;position:relative;background-color:#aaa;background-size:contain;background-repeat:no-repeat;background-position:50%}.new-product .content form .page-content .product-image .main-image p{position:absolute;top:calc(50% - 1rem);width:100%;text-align:center;line-height:2rem;color:#fff}.new-product .content form .page-content .product-image .main-image img{width:100%}.new-product .content form .page-content .product-image .image-list{display:flex}.new-product .content form .page-content .product-image .image-list .add-image{width:5rem;height:5rem;display:flex;justify-content:center;align-items:center;box-shadow:0 1px 3px #aaa}.new-product .content form .page-content .product-image .image-list .image{width:5rem;height:5rem;background-color:#aaa;margin-right:1rem}.new-product .content form .page-content .product-info{flex:1;display:flex;flex-direction:column;padding:1rem}.new-product .content form .page-content .product-info .product-detail{display:flex;flex-direction:column}.new-product .content form .page-content .product-info .product-detail .input{margin-bottom:.5rem;border-bottom:1px solid #000}.new-product .content form .page-content .product-info .product-detail .category{display:flex;flex-direction:column;justify-content:center;margin-bottom:.5rem}.new-product .content form .page-content .product-info .product-detail .category .btn{font-size:.8rem;line-height:1.5rem;border-bottom:1px solid #000}.new-product .content form .page-content .product-info .product-detail .selected-category{display:flex;justify-content:space-between;border-bottom:1px solid #000;margin-bottom:.5rem}.new-product .content form .page-content .product-info .product-detail .selected-category p{font-size:.8rem;line-height:1.5rem}.new-product .content form .page-content .product-info .product-detail .selected-category .btn{color:#dc3545;padding:0 1rem;margin-left:1rem}.new-product .content form .page-content .product-info .variations{display:flex;flex-direction:column}.new-product .content form .page-content .product-info .variations .add-variation{display:flex;justify-content:center;margin-bottom:1rem}.new-product .content form .page-content .product-info .variations .add-variation .btn{line-height:2rem;background-color:#000;color:#fff;padding:0 1rem;box-shadow:0 1px 3px #aaa}.new-product .content form .page-content .product-info .variations .variation-item{display:flex;flex-direction:column;margin-bottom:1rem}.new-product .content form .page-content .product-info .variations .variation-item .vairation-header{display:flex;justify-content:space-between}.new-product .content form .page-content .product-info .variations .variation-item .vairation-header .remove-variation{color:#dc3545;margin-left:1rem}.new-product .content form .page-content .product-info .variations .variation-item .option-list{display:flex}.new-product .content form .page-content .product-info .variations .variation-item .option-list .option{position:relative;box-shadow:0 1px 3px #aaa;margin-right:1rem}.new-product .content form .page-content .product-info .variations .variation-item .option-list .option .remove-option{position:absolute;right:.5rem}.new-product .content form .page-content .product-info .variations .variation-item .option-list .option .option-image{width:8rem;min-height:8rem;height:auto;background-color:#aaa;background-size:cover}.new-product .content form .page-content .product-info .variations .variation-item .option-list .option .option-info{padding:.5rem;padding-right:1rem}.new-product .content form .page-content .product-info .variations .variation-item .option-list .add-option{width:6rem;display:flex;justify-content:center;align-items:center;box-shadow:0 1px 3px #aaa}.new-product .content form .page-content .product-info .variations .action-btn{display:flex}.new-product .content form .page-content .product-info .variations .action-btn .btn{line-height:2rem;color:#fff;padding:0 1rem;margin:0 .5rem}.new-product .content form .page-content .product-info .variations .action-btn .btn.add-price{background-color:#17a2b8}.new-product .content form .page-content .product-info .variations .action-btn .btn.delete{background-color:#dc3545}.new-product .content .sku-map td,.new-product .content .sku-map th{width:20rem;line-height:2rem;padding:0 1rem}.new-product .content .sku-map .input{width:100%}.new-product .content .sku-map .btn{width:100%;background-color:#000;color:#fff}.new-product .content .sku-map .delete{color:#dc3545}.new-product .new-variation-modal{display:flex;flex-direction:column}.new-product .new-variation-modal form{display:flex;flex-direction:column;width:20rem}.new-product .new-variation-modal form .input{width:100%;border-bottom:1px solid #000;margin-bottom:1rem}.new-product .new-variation-modal form .row{display:flex;align-items:center}.new-product .new-variation-modal form .row .checkbox{margin-right:1rem}.new-product .new-variation-modal form .submit{display:flex;justify-content:center}.new-product .new-variation-modal form .submit .btn{background-color:#000;color:#fff;line-height:2rem;padding:0 2rem;margin-top:1rem}.new-product .select-category-modal{display:flex;flex-direction:column;height:30rem}.new-product .select-category-modal form{display:flex;flex-direction:column;width:20rem}.new-product .select-category-modal form .input{width:100%;border-bottom:1px solid #000;margin-bottom:1rem}.new-product .select-category-modal .category-list{display:flex;flex-direction:column;flex:1 0 0;overflow:scroll}.new-product .select-category-modal .category-list .category{background-color:#fff}.new-product .select-category-modal .category-list .category:hover{filter:brightness(.9)}.new-product .variation-option-modal{display:flex;flex-direction:column}.new-product .variation-option-modal form{display:flex;flex-direction:column;width:20rem}.new-product .variation-option-modal form .image{width:100%;height:10rem;height:auto;display:flex;align-items:center;justify-content:center;background-color:#aaa}.new-product .variation-option-modal form .image p{color:#fff}.new-product .variation-option-modal form .image img{width:100%}.new-product .variation-option-modal form .input{width:100%;border-bottom:1px solid #000;margin-bottom:1rem}.new-product .variation-option-modal form .submit{display:flex;justify-content:center}.new-product .variation-option-modal form .submit .btn{background-color:#000;color:#fff;line-height:2rem;padding:0 2rem;margin-top:1rem}.new-product .add-product{display:flex;justify-content:center;align-items:center}.new-product .add-product .btn{background-color:#000;line-height:3rem;color:#fff;padding:0 3rem}.new-product .add-product .loading{background-color:#aaa;color:#fff;line-height:3rem;padding:0 3rem}.product-details .content{display:flex;flex-direction:column}.product-details .content .page-content{display:flex;flex:1 0 0}.product-details .content .page-content .product-image{width:50%;border-right:1px solid #000;padding:1rem}.product-details .content .page-content .product-image .main-image{width:100%;height:0;padding-top:50%;display:flex;align-items:center;justify-content:center;background-color:#fff;background-size:contain;background-repeat:no-repeat;background-position:50%;box-shadow:0 0 3px #aaa;margin-bottom:1rem}.product-details .content .page-content .product-image .image-list{display:flex;overflow-x:scroll}.product-details .content .page-content .product-image .image-list .image{height:5rem;background-color:#fff;margin-right:1rem}.product-details .content .page-content .product-info{width:50%;display:flex;flex-direction:column;padding:1rem}.product-details .content .page-content .product-info .option-list{flex:1 0 0;overflow-x:scroll;display:flex;padding-bottom:1rem}.product-details .content .page-content .product-info .option-list .option{display:flex;flex-direction:column;width:10rem;background-color:#fff;box-shadow:0 1px 3px #aaa;margin-right:1rem}.product-details .content .page-content .product-info .option-list .option .option-image{background-color:#aaa;width:100%}.product-details .content .page-content .product-info .option-list .option .option-info{padding:1rem}.product-details .content .page-content .product-info .delete-product{display:flex;justify-content:center;align-items:center}.product-details .content .page-content .product-info .delete-product .delete{background-color:#dc3545;color:#fff;line-height:3rem;padding:0 2rem}.top-up-request-page .top-up-details .preview{width:100%;height:auto;margin-bottom:1rem}.top-up-request-page .top-up-details .row{display:flex;justify-content:space-between}.top-up-request-page .top-up-details .row .btn{margin:1rem;flex:1;text-align:center}.top-up-request-page .top-up-details .row .submit{background-color:#28a745}.top-up-request-page .top-up-details .row .reject{color:#fff;background-color:#dc3545;line-height:3rem}.banner-dashboard .add{line-height:3rem;background-color:#000;color:#fff;padding:0 2rem}.banner-dashboard .banner-list{display:flex;flex-direction:column}.banner-dashboard .banner-list .banner-item{position:relative;width:100%;height:20rem;display:flex;justify-content:center;margin-bottom:1rem;background-color:#aaa;box-shadow:0 0 3px #aaa}.banner-dashboard .banner-list .banner-item img{height:100%}.banner-dashboard .banner-list .banner-item .delete-container{position:absolute;bottom:0;left:0;height:100%;width:100%;display:flex;align-items:flex-end;justify-content:flex-end;padding:2rem}.banner-dashboard .banner-list .banner-item .delete-container .delete{line-height:3rem;background-color:#dc3545;color:#fff;padding:0 2rem}.banner-dashboard .new-banner-modal{width:40rem}.banner-dashboard .new-banner-modal form{display:flex;flex-direction:column}.banner-dashboard .new-banner-modal form .preview{width:100%;height:10rem;display:flex;justify-content:center;align-items:center;color:#fff;background-color:#aaa}.banner-dashboard .new-banner-modal form .preview img{height:100%;width:auto}.banner-dashboard .new-banner-modal form .image-input{visibility:hidden}.banner-dashboard .new-banner-modal form .color-input{width:100%}.banner-dashboard .new-banner-modal form .submit-group{display:flex;justify-content:center}.banner-dashboard .new-banner-modal form .submit-group .submit{line-height:3rem;color:#fff;background-color:#000;padding:0 2rem}.upload-image-modal .preview{width:100%;height:10rem;display:flex;justify-content:center;align-items:center;color:#fff;background-color:#aaa}.upload-image-modal .preview img{height:100%;width:auto}.upload-image-modal .image-input{visibility:hidden}.upload-image-modal .color-input{width:100%}.upload-image-modal .submit-group{display:flex;justify-content:center}.upload-image-modal .submit-group .submit{line-height:3rem;color:#fff;background-color:#000;padding:0 2rem}.top-up-method-page .image-preview{width:100%;min-height:10rem;height:auto;display:flex;align-items:center;justify-content:center;background-color:#aaa}.top-up-method-page .image-preview p{color:#fff}.top-up-method-page .image-preview img{width:100%}.top-up-method-page .file-input{height:0;width:0;visibility:hidden}.product-category-dashboard .edit-category .category-list{display:flex;flex-direction:column;align-items:center}.product-category-dashboard .edit-category .category-list .category{width:100%;display:flex;flex-direction:row;justify-content:space-between}.product-category-dashboard .edit-category .category-list .category .label{flex:1}.product-category-dashboard .edit-category .category-list .category .remove{color:#dc3545}.product-category-dashboard .edit-category .category-list form{width:100%;display:flex;flex-direction:row;margin:1rem 0}.product-category-dashboard .edit-category .category-list form input{flex:1;line-height:2rem;border:1px solid #000}.product-category-dashboard .edit-category .category-list form .btn{padding:0 1rem;line-height:2rem;border:1px solid #000;background-color:#000;color:#fff}.summary-page{font-size:1.5rem}*{padding:0;margin:0;box-sizing:border-box}html{font-size:.8rem;color:#000;background-color:#fff;width:100vw;height:100vh;overflow:hidden;position:relative;z-index:0}@media screen and (min-width:768px){html{font-size:1rem}}.row{flex-direction:row}.col,.row{display:flex}.col{flex-direction:column}.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none}.btn{cursor:pointer;transition:.35s ease-in-out;border:0;background-color:unset;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:focus{outline:0!important;outline:none!important}.btn:hover{filter:brightness(150%)}a{color:unset;text-decoration:none}pre{background-color:unset!important;padding:0!important}.text-danger{color:#dc3545}.text-warning{color:#ffc107}.text-success{color:#28a745}.required:after{content:" *";color:red}@media print{html{font-size:62.5%}}.not-allow[data-v-c10832bc]{cursor:not-allowed}.add-new{background-color:#000;color:#fff;line-height:2rem;padding:0 1rem}form[data-v-413ebfd4]{height:100%;justify-content:center}.quotation[data-v-413ebfd4]{display:flex}.quotationItems[data-v-413ebfd4]{margin:10px;padding-top:20px;background-color:#f1f1f1;justify-content:center}.input[data-v-413ebfd4]{width:100%;border:1px solid #000;margin-bottom:1rem;line-height:3rem;padding:0 1rem}.btn[data-v-413ebfd4]{background-color:#000;color:#fff;line-height:2rem;padding:0 1rem}.submit[data-v-413ebfd4]{width:100%;background-color:#000;color:#fff;line-height:3rem;display:flex;justify-content:center}.table[data-v-413ebfd4]{margin-top:10px;width:99%;margin-left:auto;margin-right:auto}table[data-v-413ebfd4]{border:1px solid #ccc;border-collapse:collapse;margin:0;padding:0;width:100%;table-layout:fixed}table caption[data-v-413ebfd4]{font-size:1.5em;margin:.5em 0 .75em}table tr[data-v-413ebfd4]{background-color:#f8f8f8;border:1px solid #ddd;padding:.35em}table td[data-v-413ebfd4],table th[data-v-413ebfd4]{padding:.625em;text-align:center;vertical-align:middle}table th[data-v-413ebfd4]{font-size:.85em;letter-spacing:.1em;text-transform:uppercase}@media screen and (max-width:600px){table[data-v-413ebfd4]{border:0}table caption[data-v-413ebfd4]{font-size:1.3em}table thead[data-v-413ebfd4]{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}table tr[data-v-413ebfd4]{border-bottom:3px solid #ddd;display:block;margin-bottom:.625em}table td[data-v-413ebfd4]{border-bottom:1px solid #ddd;display:block;font-size:.8em;text-align:right}table td[data-v-413ebfd4]:before{content:attr(data-label);float:left;font-weight:700;text-transform:uppercase}table td[data-v-413ebfd4]:last-child{border-bottom:0}}.result[data-v-413ebfd4]{border:3px solid #6b6b6b;height:60px;margin-top:3px;width:20%;align-items:center;display:flex;justify-content:center;float:right;color:#000}.not-allow[data-v-ca29b6ae]{cursor:not-allowed}[data-v-22724fd0]{padding:0;margin:0;box-sizing:border-box;font-family:Battambang,cursive}html[data-v-22724fd0]{font-size:85%}body[data-v-22724fd0]{background:#eee}main[data-v-22724fd0]{width:80%;margin:auto}.con[data-v-22724fd0]{z-index:100}.con img[data-v-22724fd0]{width:15rem;margin-top:1rem;z-index:100}.item_quotation[data-v-22724fd0]{display:flex;justify-content:space-between}.item_quotation a[data-v-22724fd0]{color:#000;font-weight:600}.item_quotation .quotation[data-v-22724fd0]{margin-top:2rem;text-align:center;color:#ff4500}.item_quotation .quotation h3[data-v-22724fd0]{font-family:Moul,cursive}.item_quotation .quotation h4[data-v-22724fd0]{font-size:1.1rem}.item_quotation .box[data-v-22724fd0]{margin-top:.5rem}table[data-v-22724fd0]{position:relative;width:100%;border-collapse:collapse;border-spacing:0;margin:1.5rem 0;overflow:hidden}table .paid[data-v-22724fd0]{position:absolute;bottom:17rem;left:45%}table .paid img[data-v-22724fd0]{width:11rem}td[data-v-22724fd0],th[data-v-22724fd0]{padding:5px 5px;text-align:center;border:.1px solid #646464}th[data-v-22724fd0]{border:none;background-color:#ff4500;color:#fafafa;font-weight:200}tr[data-v-22724fd0]{background-color:#fafafa}tr[data-v-22724fd0]:nth-child(2n){background-color:#fce8e8}.box1 td[data-v-22724fd0]{background:#ff0;padding:5px 5px}.box2 td[data-v-22724fd0]{background-color:#fafafa;padding:5px 5px}@media print{main[data-v-22724fd0]{width:96%}table[data-v-22724fd0]{margin:3px 0}table .paid[data-v-22724fd0]{position:absolute;bottom:10rem;left:45%}table .paid img[data-v-22724fd0]{width:10rem}.con img[data-v-22724fd0]{width:18rem;margin-top:0}th[data-v-22724fd0]{border:.1px solid #292929;color:#000}td[data-v-22724fd0],th[data-v-22724fd0]{padding:3px 3px}.text td[data-v-22724fd0]{color:#000}.box1 td[data-v-22724fd0],.box2 td[data-v-22724fd0]{padding:2px 2px}}form[data-v-d0414ee6]{height:100%;justify-content:center}.invoice[data-v-d0414ee6]{display:flex}.invoiceItems[data-v-d0414ee6]{margin:10px;padding-top:20px;background-color:#f1f1f1;justify-content:center}.input[data-v-d0414ee6]{width:100%;border:1px solid #000;margin-bottom:1rem;line-height:3rem;padding:0 1rem}.btn[data-v-d0414ee6]{background-color:#000;color:#fff;line-height:2rem;padding:0 1rem}.submit[data-v-d0414ee6]{width:100%;background-color:#000;color:#fff;line-height:3rem;display:flex;justify-content:center}.table[data-v-d0414ee6]{margin-top:10px;width:99%;margin-left:auto;margin-right:auto}table[data-v-d0414ee6]{border:1px solid #ccc;border-collapse:collapse;margin:0;padding:0;width:100%;table-layout:fixed}table caption[data-v-d0414ee6]{font-size:1.5em;margin:.5em 0 .75em}table tr[data-v-d0414ee6]{background-color:#f8f8f8;border:1px solid #ddd;padding:.35em}table td[data-v-d0414ee6],table th[data-v-d0414ee6]{padding:.625em;text-align:center;vertical-align:middle}table th[data-v-d0414ee6]{font-size:.85em;letter-spacing:.1em;text-transform:uppercase}@media screen and (max-width:600px){table[data-v-d0414ee6]{border:0}table caption[data-v-d0414ee6]{font-size:1.3em}table thead[data-v-d0414ee6]{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}table tr[data-v-d0414ee6]{border-bottom:3px solid #ddd;display:block;margin-bottom:.625em}table td[data-v-d0414ee6]{border-bottom:1px solid #ddd;display:block;font-size:.8em;text-align:right}table td[data-v-d0414ee6]:before{content:attr(data-label);float:left;font-weight:700;text-transform:uppercase}table td[data-v-d0414ee6]:last-child{border-bottom:0}}.result[data-v-d0414ee6]{border:3px solid #6b6b6b;height:60px;margin-top:3px;width:20%;align-items:center;display:flex;justify-content:center;float:right;color:#000}form[data-v-cd4fba38]{height:100%;justify-content:center}.invoice[data-v-cd4fba38]{display:flex}.invoiceItems[data-v-cd4fba38]{margin:10px;padding-top:20px;background-color:#f1f1f1;justify-content:center}.input[data-v-cd4fba38]{width:100%;border:1px solid #000;margin-bottom:1rem;line-height:3rem;padding:0 1rem}.btn[data-v-cd4fba38]{background-color:#000;color:#fff;line-height:2rem;padding:0 1rem}.submit[data-v-cd4fba38]{width:100%;background-color:#000;color:#fff;line-height:3rem;display:flex;justify-content:center}.table[data-v-cd4fba38]{margin-top:10px;width:99%;margin-left:auto;margin-right:auto}table[data-v-cd4fba38]{border:1px solid #ccc;border-collapse:collapse;margin:0;padding:0;width:100%;table-layout:fixed}table caption[data-v-cd4fba38]{font-size:1.5em;margin:.5em 0 .75em}table tr[data-v-cd4fba38]{background-color:#f8f8f8;border:1px solid #ddd;padding:.35em}table td[data-v-cd4fba38],table th[data-v-cd4fba38]{padding:.625em;text-align:center;vertical-align:middle}table th[data-v-cd4fba38]{font-size:.85em;letter-spacing:.1em;text-transform:uppercase}@media screen and (max-width:600px){table[data-v-cd4fba38]{border:0}table caption[data-v-cd4fba38]{font-size:1.3em}table thead[data-v-cd4fba38]{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}table tr[data-v-cd4fba38]{border-bottom:3px solid #ddd;display:block;margin-bottom:.625em}table td[data-v-cd4fba38]{border-bottom:1px solid #ddd;display:block;font-size:.8em;text-align:right}table td[data-v-cd4fba38]:before{content:attr(data-label);float:left;font-weight:700;text-transform:uppercase}table td[data-v-cd4fba38]:last-child{border-bottom:0}}.result[data-v-cd4fba38]{border:3px solid #6b6b6b;height:60px;margin-top:3px;width:20%;align-items:center;display:flex;justify-content:center;float:right;color:#000}[data-v-634a8556]{padding:0;margin:0;box-sizing:border-box;font-family:Battambang,cursive}html[data-v-634a8556]{font-size:85%}body[data-v-634a8556]{background:#eee}main[data-v-634a8556]{width:80%;margin:auto}.con[data-v-634a8556]{z-index:100}.con img[data-v-634a8556]{width:15rem;margin-top:1rem;z-index:100}.item_invoice[data-v-634a8556]{display:flex;justify-content:space-between}.item_invoice a[data-v-634a8556]{color:#000;font-weight:600}.item_invoice .invoice[data-v-634a8556]{margin-top:2rem;text-align:center;color:#ff4500}.item_invoice .invoice h3[data-v-634a8556]{font-family:Moul,cursive}.item_invoice .invoice h4[data-v-634a8556]{font-size:1.1rem}.item_invoice .box[data-v-634a8556]{margin-top:.5rem}.item-left[data-v-634a8556]{width:100%;height:220px;margin-top:5px;margin-right:10px}.item-left img[data-v-634a8556]{margin-top:8px;width:170px;float:left;padding:5px;border-radius:3px;border:1px solid grey;height:230px;margin-right:7.5px}.item-right[data-v-634a8556]{width:100%}.item-right img[data-v-634a8556]{width:155px;height:155px;padding:3px;border:1px solid grey;border-radius:3px;margin-left:10px;margin-bottom:5px}table[data-v-634a8556]{position:relative;width:100%;border-collapse:collapse;border-spacing:0;margin:1.5rem 0;overflow:hidden}table .paid[data-v-634a8556]{position:absolute;bottom:17rem;left:45%;z-index:100000}table .paid img[data-v-634a8556]{width:11rem}td[data-v-634a8556],th[data-v-634a8556]{padding:5px 5px;text-align:center;border:.1px solid #646464}th[data-v-634a8556]{border:none;background-color:#ff4500;color:#fafafa;font-weight:200}tr[data-v-634a8556]{background-color:#fafafa}tr[data-v-634a8556]:nth-child(2n){background-color:#fce8e8}.box1 td[data-v-634a8556]{background:#ff0;padding:5px 5px}.box2 td[data-v-634a8556]{background-color:#fafafa;padding:5px 5px}@media print{main[data-v-634a8556]{width:96%}table[data-v-634a8556]{margin:3px 0}table .paid[data-v-634a8556]{position:absolute;bottom:25rem;left:47%}table .paid img[data-v-634a8556]{width:10rem}.con img[data-v-634a8556]{width:18rem;margin-top:0}th[data-v-634a8556]{border:.1px solid #292929;color:#000}.item_invoice .invoice h3[data-v-634a8556]{font-size:1.5rem}td[data-v-634a8556],th[data-v-634a8556]{padding:3px 3px}.text td[data-v-634a8556]{color:#000}.box1 td[data-v-634a8556],.box2 td[data-v-634a8556]{padding:2px 2px}}.not-allow[data-v-73d11baa]{cursor:not-allowed}[data-v-4eb3a764]{padding:0;margin:0;box-sizing:border-box;font-family:Battambang,cursive}html[data-v-4eb3a764]{font-size:85%}body[data-v-4eb3a764]{background:#eee}main[data-v-4eb3a764]{width:80%;margin:auto}.con[data-v-4eb3a764]{z-index:100}.con img[data-v-4eb3a764]{width:15rem;margin-top:1rem;z-index:100}.item_invoice[data-v-4eb3a764]{display:flex;justify-content:space-between}.item_invoice a[data-v-4eb3a764]{color:#000;font-weight:600}.item_invoice .invoice[data-v-4eb3a764]{margin-top:2rem;text-align:center;color:#ff4500}.item_invoice .invoice h3[data-v-4eb3a764]{font-family:Moul,cursive}.item_invoice .invoice h4[data-v-4eb3a764]{font-size:1.1rem}.item_invoice .box[data-v-4eb3a764]{margin-top:.5rem}.item-left[data-v-4eb3a764]{width:100%;height:220px;margin-top:5px;margin-right:10px}.item-left img[data-v-4eb3a764]{margin-top:8px;width:170px;float:left;padding:5px;border-radius:3px;border:1px solid grey;height:230px;margin-right:7.5px}.item-right[data-v-4eb3a764]{width:100%}.item-right img[data-v-4eb3a764]{width:155px;height:155px;padding:3px;border:1px solid grey;border-radius:3px;margin-left:10px;margin-bottom:5px}table[data-v-4eb3a764]{position:relative;width:100%;border-collapse:collapse;border-spacing:0;margin:1.5rem 0;overflow:hidden}table .paid[data-v-4eb3a764]{position:absolute;bottom:17rem;left:45%;z-index:100000}table .paid img[data-v-4eb3a764]{width:11rem}td[data-v-4eb3a764],th[data-v-4eb3a764]{padding:5px 5px;text-align:center;border:.1px solid #646464}th[data-v-4eb3a764]{border:none;background-color:#ff4500;color:#fafafa;font-weight:200}tr[data-v-4eb3a764]{background-color:#fafafa}tr[data-v-4eb3a764]:nth-child(2n){background-color:#fce8e8}.box1 td[data-v-4eb3a764]{background:#ff0;padding:5px 5px}.box2 td[data-v-4eb3a764]{background-color:#fafafa;padding:5px 5px}@media print{main[data-v-4eb3a764]{width:95%}table[data-v-4eb3a764]{margin:3px 0}table .paid[data-v-4eb3a764]{position:absolute;bottom:25rem;left:47%}table .paid img[data-v-4eb3a764]{width:10rem}.con img[data-v-4eb3a764]{width:18rem;margin-top:0}th[data-v-4eb3a764]{border:.1px solid #292929;color:#000}.item_invoice .invoice h3[data-v-4eb3a764]{font-size:1.5rem}td[data-v-4eb3a764],th[data-v-4eb3a764]{padding:3px 3px}.text td[data-v-4eb3a764]{color:#000}.box1 td[data-v-4eb3a764],.box2 td[data-v-4eb3a764]{padding:2px 2px}}form[data-v-b5af235c]{width:30rem}.input[data-v-b5af235c]{width:100%;border:1px solid #000;margin-bottom:1rem;line-height:3rem;padding:0 1rem}.submit[data-v-b5af235c]{width:100%;background-color:#000;color:#fff;line-height:3rem;display:flex;justify-content:center}form[data-v-45de8eaf]{width:30rem}.input[data-v-45de8eaf]{width:100%;border:1px solid #000;margin-bottom:1rem;line-height:3rem;padding:0 1rem}.btn[data-v-45de8eaf]{background-color:#000;color:#fff;line-height:2rem;padding:0 1rem}.submit[data-v-45de8eaf]{width:100%;display:flex;justify-content:center}.export-btn,.submit[data-v-45de8eaf]{background-color:#000;color:#fff;line-height:3rem}.export-btn{padding:0 2rem;cursor:pointer;text-align:center;width:160px}