body{margin:0;padding:0;height:100%;width:100%;color:#fff}body a{color:#fff;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.body{height:100%;color:#000}:focus,:focus-visible{outline:none}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;position:absolute;width:100%;height:100%;left:0;right:0;padding:0;margin:0}h1{font-style:normal;font-weight:500;font-size:30px;line-height:38px;margin:48px}nav{list-style:none}.lds-dual-ring{display:inline-block;position:absolute;width:80px;height:80px;top:45%;left:45%;z-index:9999999}.lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid #7827da;border-color:#7827da transparent #7827da transparent;animation:lds-dual-ring .7s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.menu{height:72px;background-color:#fff;flex-direction:row;color:#000;justify-content:space-between}.menu,.menu .row nav{display:flex;align-items:center}.menu .row nav{padding:0 30px}nav a{font-style:normal;font-weight:500;font-size:16px;line-height:24px;color:#344054;text-decoration:none;padding:.5rem 1rem;margin-right:4px;transition:all .3s ease-in}nav a:first-child{margin-top:5px;margin-right:32px}nav a.router-link-active:nth-child(n+2),nav a:hover:nth-child(n+2){color:#7827da;background:#f6f3ff;border-radius:6px}nav a.disabled,nav a.disabled:hover:nth-child(n+2){color:#d0d5dd!important;background:transparent!important;border-radius:0!important;cursor:default!important;pointer-events:none!important}nav.right-icon{list-style:none}nav.right-icon i{color:#667085;font-size:20px}nav.right-icon a{margin:0 5px;padding-top:0;padding-left:4px}nav.right-icon .dropdown.circle{width:40px;height:40px;display:block;border:1px solid;padding:0;margin:0 5px 0 8px;border-radius:20px;overflow:hidden;cursor:pointer}nav.right-icon .dropdown.circle img{width:40px;height:40px}nav.right-icon .fa-navicon,nav.right-icon .fa-remove{display:none}.dropdown-container{position:absolute;right:35px;border:1px solid #d0d5dd;top:60px;border-radius:10px;background-color:#fff;display:flex;flex-direction:column;align-items:flex-start;min-width:240px}.dropdown-container a{width:90%;text-align:left}.dropdown-container a:hover{background:unset!important}.dropdown-container hr{width:100%;border:1px solid #d0d5dd}.dropdown-head{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:12px;padding-top:10px;cursor:pointer}.dropdown-head .col{padding-right:10px}.dropdown-head .col p{margin:0}@media screen and (max-width:1040px){.menu{height:60px;background-color:#fff;display:flex;align-items:center;flex-direction:column;color:#000;justify-content:space-between;overflow:hidden;transition:all .3s ease-in;max-height:300px}.menu.show{height:100%}.menu .row{background-color:#fff;width:100%;position:relative}.menu .row nav{padding:0 10px;display:flex;flex-direction:column;align-items:flex-start}.menu .row:nth-child(n+2){width:100%;position:absolute;padding-top:20px;background-color:transparent}nav.right-icon{display:flex;flex-direction:row!important;align-items:center;justify-content:flex-end;padding:0 15px}nav.right-icon .fa-navicon,nav.right-icon .fa-remove{position:relative;right:-5%;display:inline-block;top:-3px;right:-15px}nav.right-icon .fa-navicon{top:-5px;font-size:30px}nav.right-icon li:last-child{display:none}nav.right-icon .dropdown.circle{top:-10px;position:relative;left:5px}.fa-remove{font-size:20px;color:#7f56d9;border-radius:5px;border:1px solid;padding:3px 5px}.hr{display:inline-block;cursor:pointer}.bar1,.bar2,.bar3{width:35px;height:5px;background-color:#667085;margin:6px 0;transition:.4s;top:-10px;position:relative}.change .bar1{transform:translateY(11px) rotate(-45deg)}.change .bar2{opacity:0}.change .bar3{transform:translateY(-11px) rotate(45deg)}}.container{display:flex;text-align:left;justify-content:center}.w-50{width:48.99%}.f{display:flex;flex-direction:column}.products-block{padding-left:5px;padding-top:5px}.product-item{width:120px;height:120px;border:2px solid #d0d5dd;margin:5px;float:left;border-radius:5px;text-align:center;background-color:#fff;display:flex;flex-direction:column;align-items:center;cursor:pointer}.product-item img{max-width:70px}.product-item span{font-size:10px}.category-item{border:2px solid #d0d5dd;margin:5px;float:left;border-radius:5px;text-align:center;background-color:#fff;padding:10px;cursor:pointer}.order{display:flex;flex-direction:column;height:100%;background:#fff;font-size:16px;text-align:left;max-width:500px;-webkit-transform:translateZ(0)}.order .orderlines{flex-grow:1;overflow:auto;max-height:200px}.order .orderline{width:100%;margin:0;padding:7px 15px;cursor:pointer;-ms-box-sizing:border-box;box-sizing:border-box;transition:background .25s ease-in-out}.order .orderline.selected{background:rgba(1,126,132,.2)}.order .orderline .product-name{padding:0;display:inline-block;font-weight:700;width:80%;overflow:hidden;text-overflow:ellipsis}.order .orderline .price{padding:0;font-weight:700;float:right}li,ul{margin:0;padding:0;list-style-type:none}.order .orderline .info-list{color:#4a4f59;margin-left:10px}.order .summary{position:sticky;bottom:0;width:100%;text-align:right;font-weight:700;padding:8px 16px;border-top:1px solid #e0e2e6;box-sizing:border-box;background:inherit}.order .summary .total{font-size:22px}.order .summary .line .subentry{font-size:16px;font-weight:400}.keyboard{display:flex}.keyboard .parent{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-column-gap:0;grid-row-gap:0}.div1{grid-area:1/1/2/2}.div2{grid-area:1/2/2/3}.div3{grid-area:1/3/2/4}.div4{grid-area:1/4/2/5}.div5{grid-area:2/1/3/2}.div6{grid-area:2/2/3/3}.div7{grid-area:2/3/3/4}.div8{grid-area:2/4/3/5}.div9{grid-area:3/1/4/2}.div10{grid-area:3/2/4/3}.div11{grid-area:3/3/4/4}.div12{grid-area:3/4/4/5}.div13{grid-area:4/1/5/2}.div14{grid-area:4/2/5/3}.div15{grid-area:4/3/5/4}.div16{grid-area:4/4/5/5}.div17{grid-area:5/1/6/3}.div18{grid-area:5/3/6/5}.div19{grid-area:6/1/7/5}.key{padding:25px;border:2px solid #d0d5dd;text-align:center;margin:2px;border-radius:5px;background-color:#fff;font-size:28px}.key_w{width:55px}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;padding:20px 25px}.breadcrumbs li{display:inline-block}.breadcrumbs a.home{margin-right:0;font-size:22px!important;padding:3px .6rem}.breadcrumbs a:first-child{font-weight:700;margin:0 15px;background:#f6f3ff;border-radius:6px;font-size:15px}.breadcrumbs a.router-link-exact-active,.breadcrumbs a:hover{color:#7827da;background:#f6f3ff;border-radius:6px;font-weight:700}.breadcrumbs a.router-link-exact-active{font-size:15px;margin:0 15px}.pagination{display:flex;flex-direction:row;justify-content:space-between;padding:40px 40px;align-items:center}.pagination button{margin:0}.pagination button i{padding:0 10px}.pagination button.disbled{position:relative;z-index:0;opacity:.5;cursor:default}.content .panel-buttons{justify-content:flex-start;flex-wrap:wrap;padding:0 40px}.content .panel-buttons .item{width:31%;height:195px;max-width:450px;background:#fff;border:1px solid #eaecf0;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:#000;padding:0}.content .panel-buttons .item h1{margin:15px 10px;position:relative;top:-15px;font-weight:700;font-size:35px;left:15px}.content .panel-buttons .item a{display:block;text-align:right;width:100%;padding-top:15px;border-top:1px solid #eaecf0;color:#7827da;font-weight:600;position:relative;top:-15px}.content .panel-buttons .item span{color:#000;font-size:22px}.content .main-button i{background:#f4ebff;border:8px solid #f9f5ff;border-radius:35px;color:#7827da;width:44px;margin:15px}.shipper-wrap{display:flex;align-items:center;padding:15px 50px}.shipper-wrap .shipper-col{display:flex;flex-direction:column;align-items:flex-start;padding-right:30px}.shipper-wrap .shipper-col .icon{background-image:url(/img/link-03.49bc2ced.svg);width:24px;height:24px}.bage-wrap{display:flex;align-items:center}.bage-wrap .green-bage{background-color:#ecfdf3;color:#027a48;border-radius:10px;margin-left:10px;padding:5px 15px}.bage-wrap .green-bage i{background-image:url(/img/arrow-top.ca27a149.svg);display:block;background-repeat:no-repeat;padding-left:15px;background-position-y:2px}.bage-wrap .red-bage{background-color:#fef3f2;color:#b42318;border-radius:10px;margin-left:10px;padding:5px 15px}.bage-wrap .red-bage i{background-image:url(/img/arrow-bottom.f4974d1b.svg);display:block;background-repeat:no-repeat;padding-left:15px;background-position-y:3px}.footer-sum{display:flex;flex-direction:row;justify-content:flex-end;padding:20px 0}.footer-sum div{display:flex;flex-direction:column;align-items:flex-start}.footer-sum div b{padding:3px}.column-wrap{align-items:center}.col{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:15px}.col input,.col select{border:1px solid #d0d5dd;height:40px;border-radius:10px;padding-left:15px;font-size:19px}.col span{display:block;margin-bottom:10px;font-weight:600;font-size:15px;color:#344054}.block-30[data-v-34d72878]{max-width:40%;padding:0 30px;display:flex;justify-content:space-between}.itext[data-v-34d72878]{width:50%;text-align:left;margin:0 20px}span[data-v-34d72878]{display:block;margin-bottom:10px;font-weight:600;font-size:16px;color:#344054}.itext input[data-v-34d72878]{width:90%;border:1px solid #d0d5dd;height:40px;border-radius:10px;padding-left:15px;font-size:19px}.itext input[type=date][data-v-34d72878]{padding-right:15px}.select[data-v-34d72878]{width:100%;text-align:left;margin:0 20px}.select select[data-v-34d72878]{width:101%;border:1px solid #d0d5dd;height:44px;border-radius:10px;padding-left:15px;font-size:19px}.table[data-v-34d72878]{margin-top:30px;padding:0 40px}.table .wrap[data-v-34d72878]{border:1px solid #d0d5dd;border-radius:10px;margin-left:10px;overflow:hidden}.table .wrap a[data-v-34d72878]{display:block;padding:15px 0 15px 5px;text-align:left;margin-left:45px;color:#7827da;font-weight:600;font-size:14px;cursor:pointer;width:10%}.fa-pencil[data-v-34d72878],.fa-trash-o[data-v-34d72878]{font-size:21px}.block-30[data-v-396d2a3e]{max-width:40%;padding:0 30px;display:flex;justify-content:space-between}.itext[data-v-396d2a3e]{width:50%;text-align:left;margin:0 20px}span[data-v-396d2a3e]{display:block;margin-bottom:10px;font-weight:600;font-size:16px;color:#344054}.itext input[data-v-396d2a3e]{width:90%;border:1px solid #d0d5dd;height:40px;border-radius:10px;padding-left:15px;font-size:19px}.itext input[type=date][data-v-396d2a3e]{padding-right:15px}.select[data-v-396d2a3e]{width:100%;text-align:left;margin:0 20px}.select select[data-v-396d2a3e]{width:101%;border:1px solid #d0d5dd;height:44px;border-radius:10px;padding-left:15px;font-size:19px}.table[data-v-396d2a3e]{margin-top:30px;padding:0 40px}.table .wrap[data-v-396d2a3e]{border:1px solid #d0d5dd;border-radius:10px;margin-left:10px;overflow:hidden}.table .wrap a[data-v-396d2a3e]{display:block;padding:15px 0 15px 5px;text-align:left;margin-left:45px;color:#7827da;font-weight:600;font-size:14px;cursor:pointer;width:10%}.fa-pencil[data-v-396d2a3e],.fa-trash-o[data-v-396d2a3e]{font-size:21px}.back{color:#667085;margin-right:20px;cursor:pointer}.back i{margin-right:15px}.block-30[data-v-aea131e2]{max-width:40%;padding:0 30px;display:flex;justify-content:space-between}.itext[data-v-aea131e2]{width:50%;text-align:left;margin:0 20px}span[data-v-aea131e2]{display:block;margin-bottom:10px;font-weight:600;font-size:16px;color:#344054}.itext input[data-v-aea131e2]{width:90%;border:1px solid #d0d5dd;height:40px;border-radius:10px;padding-left:15px;font-size:19px}.itext input[type=date][data-v-aea131e2]{padding-right:15px}.select[data-v-aea131e2]{width:100%;text-align:left;margin:0 20px}.select select[data-v-aea131e2]{width:101%;border:1px solid #d0d5dd;height:44px;border-radius:10px;padding-left:15px;font-size:19px}.table[data-v-aea131e2]{margin-top:30px;padding:0 40px}.table .wrap[data-v-aea131e2]{border:1px solid #d0d5dd;border-radius:10px;margin-left:10px;overflow:hidden}.table .wrap a[data-v-aea131e2]{display:block;padding:15px 0 15px 5px;text-align:left;margin-left:45px;color:#7827da;font-weight:600;font-size:14px;cursor:pointer;width:10%}.fa-pencil[data-v-aea131e2],.fa-trash-o[data-v-aea131e2]{font-size:21px}.block-30[data-v-5c17d897]{max-width:40%;padding:0 30px;display:flex;justify-content:space-between}.itext[data-v-5c17d897]{width:50%;text-align:left;margin:0 20px}span[data-v-5c17d897]{display:block;margin-bottom:10px;font-weight:600;font-size:16px;color:#344054}.itext input[data-v-5c17d897]{width:90%;border:1px solid #d0d5dd;height:40px;border-radius:10px;padding-left:15px;font-size:19px}.itext input[type=date][data-v-5c17d897]{padding-right:15px}.select[data-v-5c17d897]{width:100%;text-align:left;margin:0 20px}.select select[data-v-5c17d897]{width:101%;border:1px solid #d0d5dd;height:44px;border-radius:10px;padding-left:15px;font-size:19px}.table[data-v-5c17d897]{margin-top:30px;padding:0 40px}.table .wrap[data-v-5c17d897]{border:1px solid #d0d5dd;border-radius:10px;margin-left:10px;overflow:hidden}.table .wrap a[data-v-5c17d897]{display:block;padding:15px 0 15px 5px;text-align:left;margin-left:45px;color:#7827da;font-weight:600;font-size:14px;cursor:pointer;width:10%}.fa-pencil[data-v-5c17d897],.fa-trash-o[data-v-5c17d897]{font-size:21px}.body.stock{background-color:#f9fafb}.content-header{display:flex;align-items:center;flex-direction:row;padding:10px 40px;justify-content:space-between}.content-header h1{text-align:left;padding:0;margin:0 20px 0 10px}.search input{border:1px solid #d0d5dd;height:40px;width:280px;border-radius:10px;padding-left:40px;font-size:19px}.search .fa-search{position:relative;left:30px;font-size:18px;cursor:pointer}button{border:1px solid #d0d5dd;height:44px;width:120px;border-radius:10px;font-size:16px;margin-left:16px;cursor:pointer;background-color:#fff;color:#344054}button i{padding-right:7px}button.purpur{background-color:#7f56d9;color:#fff}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.popup-content{background-color:#fff;padding:20px;border-radius:10px}.column-wrap{display:flex;flex-wrap:wrap;align-items:flex-start}.column-wrap .column{padding:20px}.column-wrap .column img{max-width:250px;max-height:250px}.item{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:5px}.item span{color:#667085}.item p{color:#101828;font-size:16px;font-weight:700;margin:8px 0}.fa-files-o{color:#667085;font-size:18px;cursor:pointer}.x{float:right;cursor:pointer}.table-wrapper{padding:0 40px}.table-wrapper a{color:#000}thead tr td{color:#667085}table{width:100%;border-collapse:collapse}table img{max-width:40px;max-height:40px}td,th{vertical-align:middle;text-align:left;padding:7px;font-weight:600;font-size:14px;cursor:pointer}th{font-weight:700}td p{margin:0;color:#667085}tr td:first-child,tr th:first-child{text-align:left;max-height:52px}td:nth-child(3){color:#667085}tbody tr:nth-child(2n){background-color:#f9fafb}tbody tr:nth-child(odd){background-color:#fff;border-top:2px solid #eaecf0;border-bottom:2px solid #eaecf0}input[type=checkbox]{width:20px;height:20px;cursor:pointer}.tbl-buttons{text-align:center;font-size:22px;color:#667085;cursor:pointer}.tbl-buttons.right{text-align:right}.child:before{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;content:" \f105 ";padding:0 8px}.child:first-child:before{display:none}.search select{border:1px solid #d0d5dd;height:40px;width:280px;border-radius:10px;padding-left:10px;font-size:19px}.popup-overlay[data-v-54679f76]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.popup-content[data-v-54679f76]{background-color:#fff;padding:20px;border-radius:10px}.column-wrap[data-v-54679f76]{display:flex;flex-wrap:wrap;align-items:flex-start}.column-wrap .column[data-v-54679f76]{padding:20px;display:flex;flex-direction:column;align-items:flex-start}.column-wrap .column img[data-v-54679f76]{max-width:250px;max-height:250px}.item[data-v-54679f76]{display:flex;flex-direction:row-reverse;align-items:center;margin-bottom:5px}.item span[data-v-54679f76]{color:#667085}.item p[data-v-54679f76]{color:#101828;font-size:16px;font-weight:700;margin:8px 0}.fa-files-o[data-v-54679f76]{color:#667085;font-size:18px;cursor:pointer}.x[data-v-54679f76]{float:right;cursor:pointer}.check-select[data-v-ac18eba4]{display:flex;justify-content:flex-start;width:98%;border:1px solid #d0d5dd;border-radius:10px;padding-left:15px;font-size:19px;background-color:#fff;align-items:center;flex-wrap:wrap;padding:10px 10px}.select-section[data-v-ac18eba4]{display:flex;flex-direction:row-reverse;align-items:center;border:1px solid #d0d5dd;height:30px;border-radius:5px;margin-right:5px;padding:2px;margin-bottom:10px}.section-container[data-v-ac18eba4]{display:flex;flex-wrap:wrap;align-items:flex-start;border-bottom:1px dotted #d0d5dd;margin-bottom:5px;margin-top:5px;width:100%}.check-select input[data-v-ac18eba4]{width:18px!important}.row[data-v-ac18eba4]{display:flex;flex-direction:row;flex-wrap:wrap}.item[data-v-ac18eba4]{margin-top:10px;width:auto!important}.any .item[data-v-ac18eba4]{width:50%!important}.col-1[data-v-ac18eba4]{width:65%;display:flex;flex-direction:column;flex-wrap:wrap;align-items:stretch;align-content:flex-start}.item input[data-v-ac18eba4]{width:calc(100% - 20px)}.item select[data-v-ac18eba4]{width:100%;height:45px}.item textarea[data-v-ac18eba4]{border:1px solid #d0d5dd;border-radius:10px;padding-left:15px;font-size:19px;width:calc(100% - 20px);min-height:100px}.img-wrap[data-v-ac18eba4]{width:97%;padding:28px;cursor:pointer}.img-wrap .img[data-v-ac18eba4]{border:1px solid #d0d5dd;border-radius:10px;background-color:#f9f5ff}.loaded-images[data-v-ac18eba4]{max-width:70%;margin:40px}.search{display:flex;align-items:center}.search button.remove{font-size:20px;max-height:44px;width:45px}.search button.remove i{padding:0;font-size:25px}.body{background-color:#f9fafb}.invoices button{border:1px solid #d0d5dd;height:44px;width:120px;border-radius:10px;font-size:16px;margin-left:16px;cursor:pointer;background-color:#fff;color:#344054}.invoices button i{padding-right:7px}.invoices button.purpur{background-color:#7f56d9;color:#fff}.body.home{background-image:url(/img/background.66dbd66f.png),linear-gradient(45deg,#42307d,#7f56d9);background-position:top;background-repeat:no-repeat}.panel-buttons{display:flex;justify-content:center}.main-button{width:270px;height:142px;border-radius:12px;margin:12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;padding-left:30px}.main-button i{background-color:#f4ebff;padding:11px;border-radius:10px;font-size:25px;max-width:25px}.main-button span{font-size:30px;color:#fff}.main-button.purpur{background:#7f56d9;color:#7f56d9}.main-button.green,.main-button.purpur{box-shadow:0 1px 3px rgba(16,24,40,.1),0 1px 2px rgba(16,24,40,.06)}.main-button.green{color:#039855;background:#039855}