.loader{position:fixed;left:0;width:100%;height:100%;padding:0;overflow:hidden;z-index:5000;bottom:0;display:flex;justify-content:center;align-content:center;align-items:center;background-color:WhiteShadow}.loader-wrapper{position:relative;margin:auto;width:2em}.loader-ball{position:absolute;width:1em;height:1em;border-radius:50%;background-color:#ea9b0a;animation:jump .7s ease-in-out infinite,bounce .7s ease-in-out infinite}@keyframes jump{0%{top:50px;box-shadow:0 20px 8px -5px #0006}50%{top:-50px;box-shadow:0 130px 80px #00000080}to{top:50px;box-shadow:0 20px 8px -5px #0006}}@keyframes bounce{0%{width:2.5em;height:1.5em}18%{width:2em;height:2em}40%{width:1.5;height:2em}82%{width:2em;height:2em}to{width:2.5em;height:1.5em}}.msg{position:fixed;bottom:0;left:0;width:100%;z-index:10000}.msg>div.error{background-color:#ec3b00;color:#fff;justify-content:center;width:100%;padding:.5em;height:3.5em;display:flex;align-items:center;gap:1em}.msg>div.success{background-color:#73d67d;color:#fff;justify-content:center;width:100%;padding:.5em;height:3.5em;display:flex;align-items:center;gap:1em}.msg>div.notice{background-color:#ea9b0a;color:#fff;justify-content:center;width:100%;padding:.5em;height:3.5em;display:flex;align-items:center;gap:1em}*{box-sizing:border-box}body{font-family:Figtree,sans-serif;color:#000;font-size:16px;text-align:center;height:100vh;display:flex;flex-direction:column;margin:0!important;padding:0;background-color:#fff;padding-top:env(safe-area-inset-top)}p{max-width:34em;margin:0 auto}.container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:1em;width:100%;flex-wrap:wrap;background-color:#f7f6ec;padding:1em}.dmz{background-color:#000d18;color:#fff;width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.dmz p{max-width:22em}.dmz input[type=text],.dmz input[type=password]{border:none}.dmz a{color:#85cef8}.dmz .logo{height:8em;width:8em}app-menu,.container{min-height:100vh}app-list,app-stockList,app-stockManager{margin-top:.25em}app-imageupload{width:15em;display:flex;justify-content:center}li{text-align:left}.logo,.Logo{background-image:url("./media/Logo-TAKKSFT4.svg");min-width:5em;min-height:4em;background-position:center center;background-size:contain;background-repeat:no-repeat;margin:.5em 0}h1{font-size:1.5em;margin:0;font-weight:400}h2{font-size:1.15em;margin:0;padding:0}.green{color:#73d67d}.red{color:#ec3b00}.orange{color:#f8a305}td.green{background-color:#73d67d;color:#fff}td.red{background-color:#ec3b00;color:#fff}td.orange{background-color:#f8a305;color:#fff}input:focus-visible,textarea:focus-visible{outline:none}input,textarea,select,button{font:inherit}.wrapper{display:flex;flex-direction:row}.wrapper>:last-child{display:contents}.wrapper app-invoiceview{display:contents}.navigation{position:sticky;top:0;display:flex;flex-direction:column;gap:2em}.popUp app-*{display:contents}.col app-list{display:contents}.banner{position:sticky;top:0;display:flex;flex-direction:column;color:#fff;background-color:#000d18;min-height:100vh;min-width:11em;max-width:11em;align-items:center;z-index:10;padding:0;gap:1em}.banner .menu{justify-content:flex-start;display:flex;flex-direction:column;gap:.25em}.banner .menu>a{color:#fff}.banner a{color:#fff}.banner h1{margin:0 auto}.banner .user{display:flex;flex-direction:column;align-items:center}.banner .initials{background-color:#004987;color:#fff;width:2.5em;height:2.5em;display:flex;align-items:center;justify-content:center;border-radius:3em}a{text-decoration:underline;color:#004987;display:inline-flex;flex-direction:row;cursor:pointer;align-items:center}a.lnk{font-weight:700}a.lnk,a.sublnk{border-radius:3em;padding:.25em .1em;transition:background-color linear .3s;text-decoration:none}a.lnk:hover,a.sublnk:hover{color:#85cef8}.form{display:flex;flex-direction:column;gap:1em;min-width:24em;margin:0 1em}.loginForm{display:flex;flex-direction:column;align-items:center;width:100%;max-width:fit-content;gap:1em}.loginForm .formGroup{width:18em}.formArray{gap:1em;display:flex;flex-direction:column}.group{margin:none}.formGroup{margin:auto;min-width:24em}.formGroupInline,.formGroup,.group{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.25em}.formGroupInline>div,.formGroup>div,.group>div{display:flex;justify-content:flex-start;align-items:flex-start;gap:0em;margin-bottom:.5em;flex-direction:column}.formGroupInline>div>div,.formGroup>div>div,.group>div>div{margin:0}.formGroup>div{width:100%}.preview .formGroup>div{min-height:1.5em}.preview>app-preview-display>.formGroup:after{content:"**********************************"}.btnGroup{position:relative;display:flex;flex-direction:row;align-items:center;width:fit-content;gap:.25em;margin:auto}.right{justify-content:flex-end;width:calc(100% - 2em)}.tag{display:flex;align-items:center}.tag:focus-visible{outline:5px solid #b4bdc8;border-radius:4px}.tag:focus:not(:focus-visible){outline:none}.col{position:sticky;top:1em;display:flex;flex-direction:column;gap:1em;width:calc(18em * var(--width));background-color:#fff;padding:1em 0;-moz-box-shadow:0 .15em .25em .015em rgba(0,0,0,.1215686275);-webkit-box-shadow:0 .15em .25em .015em rgba(0,0,0,.1215686275);box-shadow:0 .1em .15em .005em #0000001f}.row.top{align-items:flex-start;justify-content:flex-start}.row.center{align-items:center;justify-content:center}.row.center.left{align-items:center;justify-content:flex-start}.row.btwn{justify-content:space-between}.row{display:flex;flex-direction:row!important;gap:1em!important;flex-wrap:wrap}.btwn{justify-content:space-between}.center{justify-content:center}.nowrap{flex-wrap:nowrap}.gap{gap:.5em}.left{align-items:flex-start;justify-content:flex-start;text-align:left}.small{text-transform:uppercase;font-size:.8em}h3{text-transform:uppercase;font-size:.75em;display:flex;color:#7c7e81;text-align:center;margin:0;justify-content:center;font-weight:400}label{text-transform:uppercase;font-size:.75em;display:flex;color:#7c7e81}.asInput{padding:.5em .25em;border:1px solid #ffe7ff;max-width:29em;width:100%;margin:0}input[type=text]:focus,input[type=date]:focus,input[type=password]:focus{border:2px solid #85cef8}input[type=text],input[type=date],input[type=password],textarea,select,editor,.inptDisabled{width:24em;max-width:100%;padding:.5em .25em;border:2px solid #b4bdc8;background-color:#fff;border-radius:.25em;min-height:2.625em}input[type=text]:disabled,.inptDisabled{border:1px solid #b4bdc8;background-color:#e8e7dd}.lkTxtArea{width:calc(100% - 1em);min-height:2.5em}#inptFilter{margin:0 .5em}input[type=text].inptSmall,select.inptSmall{width:7.5em}input[type=date]{width:fit-content}input[type=text].inptMedium,select.inptMedium{width:10em}input[type=text].inptMini,select.inptMini{width:5.5em}input[type=text].inptMicro,select.inptMicro{width:4em}input[type=date]{margin-right:10em}button,input[type=button],input[type=submit],a.btn{border-radius:3em;height:2em;min-width:2.5em;padding:0 1em;line-height:1em;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;text-decoration:none;font-size:.85em;background-color:#5eb2b8;border:none;text-transform:uppercase;overflow:hidden;margin:auto 0;gap:.5em}a.btnRed{background-color:#ec3b00}a.btnGreen{background-color:#73d67d}a.btnBlack{background-color:#000}a.btnCoral{background-color:#e16969}.btnSecondus{background-color:#b4bdc8;color:#fff;border-radius:.25em;padding:.25em .5em;text-transform:uppercase;font-size:.85em;min-height:2em;min-width:2em;gap:.5em;width:fit-content;overflow:hidden;position:relative;display:flex;justify-content:flex-start;flex-direction:row;align-content:center;flex-wrap:wrap}.ellipsis{white-space:nowrap;text-overflow:ellipsis}.target{min-height:3em;background-image:radial-gradient(circle,#fff .5em,#e8e7dd .5em 1em,#fff 1em 1.5em,#e8e7dd 1.5em 2em,#fff 2em 2.5em)}.btnSecondus.edit{width:100%;justify-content:space-between}.btnOff{background-color:#b4bdc8}.icn{border-radius:3em;background-color:#5eb2b8;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;height:2em;width:2em}.icnReverse{border-radius:3em;background-color:#b4bdc8;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;height:2em;width:2em}.settings{display:flex;flex-direction:row;align-items:center}.settings:before{content:"";min-width:1em;width:2em;height:2em;background-image:url("./media/settings-KPERA3WY.svg");background-size:80%;background-repeat:no-repeat;background-position:center center}.add:after{content:"";min-width:1em;width:1em;height:1em;background-image:url("./media/X-FIDUIEVJ.svg");background-size:contain}.tick:after{content:"";min-width:1em;width:1em;height:1em;background-image:url("./media/tick-NQTOR7J3.svg");background-size:contain}.close:after{content:"";min-width:1em;width:1em;height:1em;background-image:url("./media/X-FIDUIEVJ.svg");background-size:contain;transform:rotate(45deg);display:inline-flex}.back:after{content:"";min-width:1em;width:1em;height:1em;background-image:url("./media/arrow-FDQSUO7L.svg");background-size:contain;transform:rotate(270deg);display:inline-flex}.rotateRight:after,.rotateLeft:after{content:"";width:1em;height:1em;background-image:url("./media/Rotate-HXQJKPYY.svg");background-size:contain;display:inline-flex}.rotateRight:after{transform:rotate(90deg) scaleX(-1)}.rotateLeft:after{transform:rotate(-90deg)}.indent:after{content:"";width:1em;height:1em;background-image:url("./media/arrow-FDQSUO7L.svg");transform:rotate(90deg) scaleX(-1);background-size:contain;background-repeat:no-repeat}.outdent:after{content:"";width:1em;height:1em;background-image:url("./media/arrow-FDQSUO7L.svg");transform:rotate(-90deg) scaleX(-1);background-size:contain;background-repeat:no-repeat}.down:after{content:"";width:1.5em;height:1.5em;background-image:url("./media/arrow-FDQSUO7L.svg");background-size:contain;background-repeat:no-repeat}.up:after{content:"";width:1.5em;height:1.5em;background-image:url("./media/arrow-FDQSUO7L.svg");transform:rotate(180deg);background-size:contain;background-repeat:no-repeat}.updown:after{content:"";width:1em;height:1em;background-image:url("./media/updown-6JLUBTBI.svg");background-size:contain;background-repeat:no-repeat}.icnInfo:after{content:"";width:1em;height:1em;background-image:url("./media/info-W4AOHTIL.svg");background-size:contain;background-repeat:no-repeat}.icnProduct:after{content:"";width:1em;height:1em;background-image:url("./media/product-TAQHN74Y.svg");background-size:contain;background-repeat:no-repeat}.icnPage:after{content:"";width:1em;height:1em;background-image:url("./media/page-NY2FHDMU.svg");background-size:contain;background-repeat:no-repeat}.product,.page{border:3px solid transparent;border-radius:3em;display:flex;justify-content:center;gap:.1em;padding:0 .5em}.icnOrange{border-color:#f8a305}.icnAbsolute{position:absolute;top:0;left:0;margin:.25em}input[type=button]:disabled,input[type=submit]:disabled,.btnDisabled{background-color:#b4bdc8;opacity:.5}.loginForm input.ng-invalid:not(.ng-untouched),.loginForm textarea.ng-invalid:not(.ng-untouched),.loginForm select.ng-invalid:not(.ng-untouched){background:linear-gradient(to top,#ec3b00 .25em,#fff .25em)}form{display:flex;flex-direction:column;gap:1em}.form input.ng-invalid,.form textarea.ng-invalid,.form select.ng-invalid{background:linear-gradient(to top,#ec3b00 .25em,#fff .25em)}input.ng-valid:not(.ng-untouched),textarea.ng-valid:not(.ng-untouched),select.ng-valid:not(.ng-untouched){background:linear-gradient(to top,#73d67d .25em,#fff .25em)}.pagination{display:flex;flex-direction:row;gap:1em;justify-content:center}.pagination a{width:2em;height:2em;background-color:#fff;display:inline-flex;justify-content:center;font-weight:700;border-radius:3em}.pagination .on{color:#5eb2b8}.pagination .off{color:#b4bdc8}.metas{width:100%;max-width:32em;background-color:#fefcb7;display:flex;flex-direction:column;gap:.25em;padding:.5em;margin:auto;border-radius:.75em}.metas .formGroup{width:100%}.formBtns{position:sticky;top:3em;background-color:#000d18;width:100%;justify-content:center;display:flex;flex-direction:row;padding:1em;z-index:10;gap:.5em}.formBtns input[type=button],.formBtns input[type=submit],.formBtns .btn{margin:0}.right.close{position:absolute;right:1em}.list{display:flex;flex-direction:column;flex-wrap:wrap;min-width:24em;gap:.5em;justify-content:center;padding:0 1em}.navigationGroup{display:flex;gap:.25em;justify-content:flex-start;flex-direction:column;background-color:#e8e7dd;position:relative;max-width:30em;width:100%;border-radius:.75em;padding:.5em 0}.listHeader{display:flex;gap:.75em;justify-content:flex-start;flex-direction:column;position:relative;max-width:30em;width:100%}.listItem{display:flex;gap:.75em;justify-content:flex-start;flex-direction:column;padding:.5em;background-color:#e8e7dd;position:relative;width:100%}.wrap{flex-wrap:wrap}.listLeft{width:4.75em;height:4.75em;aspect-ratio:1/1;background-image:radial-gradient(circle,#fff .5em,#e8e7dd .5em 1em,#fff 1em 1.5em,#e8e7dd 1.5em 2em,#fff 2em 2.5em)}.listLeft>img{width:100%;height:100%;object-fit:contain}.listRight{flex-direction:column;display:flex;flex-wrap:wrap;gap:.5em;width:100%;justify-content:space-between}.listRight div{text-align:left}.listRight div.listBtns{display:flex;flex-direction:row;gap:.5em;justify-content:flex-end}.grid{display:grid;grid-template-columns:repeat(2,1fr)}.gridItm{display:flex;flex-direction:column;margin:.5em;padding:.5em;justify-content:flex-start;align-items:center;border-radius:.5em;border:.25em solid #5eb2b8;background-color:#fff}input[type=file]{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.stepBtns{display:flex;flex-direction:row;margin:auto}.progressBar{align-items:center;justify-content:left;text-align:left}.progressBar .progressWrapper{display:block;width:100%;height:1em;position:relative;overflow:hidden;text-align:left}.progressBar .progressWrapper .progress{background-color:#b4bdc8;height:2em;width:0%;display:inline-block;position:relative}#filedrag{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;height:10em;cursor:default;width:100%;font-weight:300;color:#fff;margin:auto;background-image:radial-gradient(circle,#fff .5em,#e8e7dd .5em 1em,#fff 1em 1.5em,#e8e7dd 1.5em 2em,#fff 2em 2.5em);transition:background-color linear .3s}#filedrag.hover{background-image:radial-gradient(circle,#fff .5em,#e8e7dd .5em 1em,#fff 1em 1.5em,#e8e7dd 1.5em 2em,#fff 2em 2.5em)}#filedrag:after{content:"Drop files or click here";text-align:center;color:#004987;display:inline-block}.imgPreviewWrap{flex-direction:column;flex-wrap:wrap;display:flex}.imgPreview,.imgUploaded{position:relative;display:inline-block;object-fit:contain}.imgPreview{aspect-ratio:1/1;width:10em;height:10em;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;font-weight:300;color:#000;width:100%;background-image:radial-gradient(circle,#fff .5em,#e8e7dd .5em 1em,#fff 1em 1.5em,#e8e7dd 1.5em 2em,#fff 2em 2.5em);transition:background-color linear .3s}.imgPreview>img{object-fit:contain;width:10em;height:10em;opacity:.5;position:absolute}.imgUploaded>img{object-fit:contain;width:10em;height:10em}.imgPreview>div{object-fit:contain;display:flex;justify-content:center;align-items:center;width:10em;height:10em;position:absolute}.tinyImage{height:3em}.mediumImage{width:8em}.thmbImage{background-color:#fff;aspect-ratio:1/1;position:relative;display:flex;justify-content:center;align-items:center;width:3em;overflow:hidden}.thmbImage img{width:100%;height:100%;object-fit:contain}.gridImage{background-color:#fff;aspect-ratio:1/1;position:relative;display:flex;justify-content:center;align-items:center;width:9.5em}.gridImage .btns{bottom:0;position:absolute;display:flex;justify-content:space-between}.gridImage img{width:100%;height:100%;object-fit:contain}.gridImage video{width:100%;height:100%;object-fit:contain}.gridImages{display:flex;flex-wrap:wrap;gap:.25em;width:fit-content;margin:auto}.stock{display:flex;flex-direction:row;flex-wrap:wrap;padding:.25em;gap:.25em}.stock .row{gap:.25em}.context{display:flex;flex-direction:row;justify-content:center;gap:.15em;align-items:center}.context div{display:block;height:.25em;width:.25em;border-radius:3em;background-color:#fff}.contextMenuWrapper{position:relative}.contextMenu{z-index:10;position:absolute;display:flex;flex-direction:column;top:2.5em;right:0;min-width:8em;padding:.5em;justify-content:center;align-items:flex-start;background-color:#fff;-moz-box-shadow:0 .15em .25em .015em rgba(0,0,0,.1215686275);-webkit-box-shadow:0 .15em .25em .015em rgba(0,0,0,.1215686275);box-shadow:0 .1em .15em .005em #0000001f;gap:.25em}.contextMenu>div{width:100%;display:flex;flex-direction:column;gap:.25em}.contextMenu>div>a{width:100%}.contextMenu>a{width:100%}.popUpWrapper{position:fixed;top:0;left:0;min-width:100vw;min-height:100vh;display:flex;z-index:125;overflow:scroll;justify-content:center;align-items:center;background-color:#00000078}.popUpWrapper .popUp{max-height:100vh;overflow-y:auto;gap:.25em;background-color:#fff;max-width:calc(34em * var(--width));display:flex;flex-direction:column;align-items:center;-moz-box-shadow:0 .15em .25em .015em rgba(0,0,0,.1215686275);-webkit-box-shadow:0 .15em .25em .015em rgba(0,0,0,.1215686275);box-shadow:0 .1em .15em .005em #0000001f;padding:1em}.tox-tinymce{border:none!important;border-radius:unset!important}@media (min-width: 1024px){.dsktTopColumns{display:flex;flex-direction:row;justify-content:center}.dsktTopColumns>*{flex:1 1 50%;justify-content:flex-start}.dsktTopColumns>:only-child{flex-basis:100%}}.pickerWrapper{position:relative;width:100%}.pickerResults{position:absolute;top:0;left:0;border:4px solid #b4bdc8;border-radius:.5em;width:100%;background-color:#fff;z-index:100;-moz-box-shadow:0 .15em .25em .015em rgba(0,0,0,.1215686275);-webkit-box-shadow:0 .15em .25em .015em rgba(0,0,0,.1215686275);box-shadow:0 .1em .15em .005em #0000001f;display:flex;flex-direction:column}.pickerResults a{min-height:2em;display:flex;text-align:left;padding:0 .25em;justify-content:center;border-bottom:1px solid #b4bdc8}.active{font-weight:700}.inactive{text-decoration:line-through}table{width:100%;border-collapse:collapse}table thead{background-color:#5eb2b8;font-size:.8em;text-transform:uppercase;color:#fff}table thead>tr>td>a{display:flex;flex-direction:row;align-items:center;gap:.5em;justify-content:center;color:#fff;background-color:#ffffff2f;border-radius:3em;padding:.25em 1em .25em .5em}table thead>tr>td>a:before{content:"";background-image:url("./media/updown-6JLUBTBI.svg");width:1.5em;height:1.5em;display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:center center}table td{line-height:1.5em;padding:.5em .25em}table td.right{text-align:right}.preview{display:flex;flex-direction:column;gap:1em}.headerGroup{gap:1em;margin:1em;display:flex;flex-direction:column}.checker{width:fit-content;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;text-transform:capitalize;cursor:pointer;display:inline-flex;align-items:center;gap:.25em;padding:.25em .5em .25em .25em}.checker:before{border-radius:3em;display:inline-flex;height:2em;min-width:2em;content:"";background-image:url("./media/tick-NQTOR7J3.svg");background-repeat:no-repeat;background-position:center center;background-size:75%;cursor:pointer;background-color:#b4bdc8}.chkBx,.chkBxRed,.chkBxOrange,.chkBxGreen{display:none}.chkBx:checked+.checker:before{content:"";background-image:url("./media/tick-NQTOR7J3.svg");background-color:#73d67d}.brk{display:flex;flex-direction:row;align-items:center;width:50%;margin:auto;justify-content:center;height:.5em;background-image:radial-gradient(circle,#e8e7dd .25em,transparent .25em);background-size:1em}.tagsList{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5em}.paymentWrapper{padding:1em}.icnHidePass,.icnShowPass{width:2em;height:2em;display:block;position:absolute;right:.5em;background-image:url("./media/lookoff-47YZ3GDN.svg");background-repeat:no-repeat;background-position:center center;background-size:contain}.icnShowPass{background-image:url("./media/lookon-ONZDBS4O.svg")}app-picker{display:contents}.invoice{min-width:45em}.invoice .row>div{padding:1em}.subNav{background-color:#e8e7dd}tbody tr:nth-child(2n){background-color:#e8e7dd}tbody tr:nth-child(odd){background-color:#fff}thead tr{border-bottom:.25em solid #e8e7dd}tfoot tr{border-top:.25em solid #e8e7dd}.spotNum{background-color:#5eb2b8;width:2.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.25em;font-weight:700;border-radius:3em;margin:1rem auto}h2{font-weight:400;color:#5eb2b8}.pie{--w: 150px;width:var(--w);aspect-ratio:1;position:relative;display:inline-grid;place-content:center;margin:.25em;font-size:1.5em;font-weight:700;color:#5eb2b8}:root{--aSize: 20;--bSize: 30;--cSize: 50;--b: 10px;--d: #ccc}.pie:after{content:"";position:absolute;border-radius:50%;inset:0;background:conic-gradient(#5eb2b8 calc(var(--aSize) * 1%),#e16969 calc(var(--aSize) * 1%) calc((var(--aSize) + var(--bSize)) * 1%),#b4bdc8 calc((var(--aSize) + var(--bSize)) * 1%) calc((var(--aSize) + var(--bSize) + var(--cSize)) * 1%));-webkit-mask:radial-gradient(farthest-side,rgba(0,0,0,0) calc(99% - var(--b)),#000 calc(100% - var(--b)));mask:radial-gradient(farthest-side,rgba(0,0,0,0) calc(99% - var(--b)),#000 calc(100% - var(--b)))}.pie:before{content:"";position:absolute;border-radius:50%;inset:0;background:conic-gradient(var(--d) 100%,rgba(0,0,0,0) 0);-webkit-mask:radial-gradient(farthest-side,rgba(0,0,0,0) calc(99% - var(--b)),#000 calc(100% - var(--b)));mask:radial-gradient(farthest-side,rgba(0,0,0,0) calc(99% - var(--b)),#000 calc(100% - var(--b)))}