.img-input{text-align:center;cursor:pointer;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:8px 16px;font-size:.875rem;font-weight:400;line-height:1.5;color:#5a6a85;background-clip:padding-box;border:1px dashed #9a9ca0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:7px;-webkit-box-shadow:rgba(90,106,133,.075) 0px 1px 2px 0px inset;box-shadow:#5a6a8513 0 1px 2px inset;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;background-color:#fdfdfc}.img-input:hover{background-color:#f0f0f0;color:#323232;color:#5a6a85}.img-input>.img-input-btn{padding:4px 6px;border-radius:8px;border:1px solid #b3bac2;color:#414346;font-size:13px;background:transparent;font-weight:500}.img-input>.img-input-btn:hover{background:#fdfdfd99}.img-input>.img-input-label{font-size:13px;margin-top:8px}.img-input.ondrag{border:1px solid #5c5d5f}.img-loading{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:8px 16px;font-size:.875rem;font-weight:400;line-height:1.5;color:#5a6a85;background-clip:padding-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:7px;-webkit-box-shadow:rgba(90,106,133,.075) 0px 1px 2px 0px inset;box-shadow:#5a6a8513 0 1px 2px inset;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;background-color:#fdfdfc}.img-loading.hidden,.img-input.hidden,.img-container.hidden{display:none}.img-container{display:inline-block;position:relative}.img-container>img{height:120px;width:auto;cursor:pointer;max-width:100%}.img-container>div{position:absolute;top:0;bottom:0;right:0;left:0;padding:3px;color:#fff;cursor:pointer;align-items:flex-end;justify-content:end;display:flex;background-color:#3232321a}.img-container:hover>div{background-color:#32323280}.img-container>div>span{margin-left:4px}.img-spinner,.img-spinner div,.img-spinner div:after{box-sizing:border-box}.img-spinner{color:currentColor;display:inline-block;position:relative;width:80px;height:80px}.img-spinner div{transform-origin:40px 40px;animation:img-spinner 1.2s linear infinite}.img-spinner div:after{content:" ";display:block;position:absolute;top:3.2px;left:36.8px;width:6.4px;height:17.6px;border-radius:20%;background:currentColor}.img-spinner div:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.img-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.img-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.img-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.img-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.img-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.img-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.img-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.img-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.img-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.img-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.img-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes img-spinner{0%{opacity:1}to{opacity:0}}.fep{position:fixed;background-color:#1a1a1a;top:0;left:0;bottom:0;right:0;z-index:1000000;display:none}.img-col{background-color:#000;height:100vh;padding:30px;display:flex;align-items:center;justify-content:center}.fep.active{display:block}.img-col img{width:50%;height:auto;margin:auto}.fep-header{display:block;padding:15px;text-align:right}.fep-header>span{display:inline-block;cursor:pointer;color:#ddd;font-size:20px}.fep-body{color:#ddd}.fep-body .row{margin-bottom:15px}.fep-input{background-color:#2d2d2d;border-color:#ddd;color:#ddd}.fep-delete-btn{color:#b93232;cursor:pointer;margin-top:15px}.fep-delete-btn:hover{color:#a32424}.fep-delete-btn>span{margin-left:5px}@media only screen and (max-width: 768px){.img-col{height:auto}}.x-loader{width:60px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100%/3) 50%;animation:l3 1s infinite linear}@keyframes l3{20%{background-position:0% 0%,50% 50%,100% 50%}40%{background-position:0% 100%,50% 0%,100% 50%}60%{background-position:0% 50%,50% 100%,100% 0%}80%{background-position:0% 50%,50% 50%,100% 100%}}.x-loader-content.hide{display:none}.x-loader-fail{text-align:center}.x-loader-fail.hide{display:none}.x-loading{text-align:center;padding:50px auto}.x-loading.hide{display:none}.li-btn{text-align:left;transition:all .1s ease-out}.li-btn:focus{border-color:#2363b81a;box-shadow:0 1px 1px #00000013;outline:0 none}.li-btn>span{float:right}.li-btn:hover,.li-btn:focus{background-color:#2363b81a}.li2-wrapper{position:relative}.pop{background-color:#fff;z-index:3;position:absolute;top:100%;left:0;border:1px solid #ccc;width:100%;box-shadow:1px 2px 5px 1px #ddd;display:none}.pop .sb{padding:4px 7px}.pop .sb input{padding:4px 7px;height:35px}.pop ul{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}.pop>ul>li{display:block;padding:8px 10px;cursor:pointer;transition:all .1s ease-out}.pop>ul>li:hover{background-color:#2363b81a}.pop>ul>li.active{background-color:#2363b81a}.li-btn.active~.pop{display:initial}.tags{list-style:none;padding:10px 5px;display:block}.tags>li{display:inline-block;border:1px solid rgba(230,230,230,.8);border-radius:7px;margin-right:10px}.tags span{padding:6px 8px 6px 10px}.tags i{cursor:pointer;padding:6px 10px 6px 8px}.tags i:hover{color:#e93636}.form-product-item-list>div{display:flex;align-items:center;border:1px solid #ccc;margin-bottom:5px;padding:8px 16px;position:relative}.form-product-item-list>div>.image{text-align:left}.form-product-item-list>div .imgview{width:80px;height:60px;background-size:cover;background-position:center;border-radius:5px;display:inline-block}.form-product-item-list .cartons>span{font-weight:500}.form-product-item-list .hs_code>span{font-weight:500}.form-product-item-list .total{font-weight:600;font-size:1.2em}.form-product-item-list .name{font-weight:500;font-size:21px}.form-product-item-list>div .description{padding:8px;flex-grow:1}.form-product-item-list>div>.action{text-align:right}@media only screen and (max-width: 768px){.form-product-item-list>div{display:block}.form-product-item-list>div .description{padding:0}.form-product-item-list>div .imgview{width:100px;height:100px}.form-product-item-list>div>.action{position:absolute;top:0;left:0;right:0;padding:8px}}.info-row{display:flex;margin-bottom:8px}.info-row>label{font-weight:600;padding-right:8px;width:30%}.info-row>div{flex-grow:1}.image-thumb{width:60px;height:45px;background-size:cover;background-position:center;border-radius:5px;display:inline-block}@media only screen and (max-width: 768px){.info-row{display:block;margin-bottom:12px}.info-row>label{padding-right:0;width:100%}.info-row>div{flex-grow:1}}