@import"https://fonts.googleapis.com/css?family=Montserrat:400,600&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.container{padding:2rem}.line{background-color:#51545d;width:70px;height:5px;margin-bottom:2rem;margin-top:.5rem}.login{box-shadow:6px 6px 16px #d9d2c882,-6px -6px 26px #ffffffd4;border-radius:1rem;padding:2rem;width:500px;max-width:90%;margin:3rem auto}html *{box-sizing:border-box}body{font-size:16px;font-family:Montserrat,sans-serif;background:#fdfcff;font-weight:400}h1,h2,h3,h4,h5{font-weight:600}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.3rem}h4{font-size:1.1rem}h5{font-size:1rem}p{font-weight:400}header{padding:0 2rem;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center}.logo{margin-right:2rem}nav{display:flex}nav a{color:#666;text-decoration:none;font-weight:600;padding:2rem;border-bottom:3px solid #eee;transition:color .2s ease}nav a.active{color:#5a42b3;border-color:#5a42b3}nav a:hover{color:#5a42b3}.logout{align-self:flex-end;margin-left:auto;justify-self:center;margin-top:auto;margin-bottom:auto}.logout svg{margin-right:.5rem}.logout svg path{fill:#00d4ca}.button{background:#5a42b3;height:2.8rem;line-height:2.8rem;padding:0 1rem;border-radius:.4rem;color:#fff;font-weight:700;border:0;font-size:1rem;cursor:pointer}.button.secondary{border:1px solid #5a42b3;color:#5a42b3;background:transparent}.button.tertiary{background:transparent;border:0;color:#5a42b3}.icon-button{background:transparent;width:2rem;height:2rem;border:0;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;position:relative}.icon-button:hover .tooltip{display:block}.icon-button:disabled{cursor:default;opacity:.5}.icon-button .tooltip{display:none;background:#222;color:#f5f5f5;padding:.5rem;border-radius:.2rem;position:absolute;bottom:105%;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.7rem}.icon-button .tooltip:after{content:"";border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-top:.4rem solid #222;position:absolute;top:100%;left:50%;transform:translate(-50%)}.editable{position:relative;width:100%;height:90%;border:2px dashed transparent;font-weight:400}.editable .btn-row{padding:.2rem;border-radius:.5rem;background:#fff;position:absolute;right:0;bottom:100%;opacity:0;transition:opacity .2s ease;display:inline-flex;box-shadow:0 6px 18px -12px #00000080}.editable .btn-row>div{margin:0 .2rem}.editable:hover .btn-row,.editable.active .btn-row{opacity:1}.editable:hover{border-color:#00d4ca4d}.editable .edit-btn svg path{fill:#00d4ca}.editable .save-btn svg path{fill:#5a42b3}.editable .save-btn.loading svg{animation-name:loading;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:center center}.editable input[type=text]{font-size:1rem;height:2.5rem;line-height:2.5rem;width:100%}.editable textarea{font-size:1rem;width:100%;height:100%;padding:.5rem;min-height:20rem}.editable input[type=text]:disabled,.editable textarea:disabled{background:#eee;opacity:.5}.supplier-row{display:flex}.supplier-list-header{display:flex;align-items:center;position:sticky;top:0;z-index:2;background:#fdfcff;padding:.5rem 0}.supplier-list li{padding:1rem 2rem;background:#fff;margin-bottom:1rem;border-radius:.2rem;box-shadow:0 10px 24px -12px #00000024;transition:transform .2s ease}.supplier-list li:hover{transform:scale(1.02)}.supplier-list .item-row{text-decoration:none;color:#000;display:flex;justify-content:space-between;align-items:center;padding:1rem 0;cursor:pointer}.supplier-list h4{display:flex;justify-content:space-between;align-items:center}.col-label{font-size:.9rem;opacity:.5;font-weight:600;margin-bottom:.5rem}.col-value{font-size:1rem;font-weight:600}.supplier-information{display:flex;flex-wrap:wrap;margin-top:1rem}.supplier-col{position:relative;padding:1rem;background:#f5f5f5;margin-bottom:2%;line-height:150%;width:100%;word-break:break-all}.supplier-col h5{margin-bottom:1rem;opacity:.5}@media(min-width:1220px){.supplier-col{margin-right:2%;flex-basis:23%;width:23%}.supplier-col:nth-child(4n+4){margin-right:0}}@media(min-width:1024px)and (max-width:1219px){.supplier-col{margin-right:2%;flex-basis:31%;width:31%}.supplier-col:nth-child(3n+3){margin-right:0}}@media(min-width:640px)and (max-width:1023px){.supplier-col{margin-right:2%;flex-basis:48%;width:48%}.supplier-col:nth-child(2n+2){margin-right:0}}.supplier-filters{margin-left:2rem;display:flex;align-items:center;border-left:1px solid #eee;padding-left:2rem}.supplier-filters label{font-weight:700}.supplier-filters input[type=checkbox]{margin-right:.5rem}.supplier-filters input[type=text]{height:2.5rem;line-height:2.5rem;width:260px;border:0;background:transparent;font-weight:400;font-size:1rem;padding:0 1rem 0 2rem;border-color:#ddd;border-width:0 0 1px 0;border-style:solid;transition:border-color .2s ease;margin-right:1rem}.supplier-filters input[type=text]:hover,.supplier-filters input[type=text]:focus{border-color:#5a42b3}.supplier-filters input[type=text]:focus+svg path{fill:#00d4ca}.article-table th,.article-table td{padding:1rem}.overlay{background:#000000b3;position:fixed;inset:0;z-index:5}.modal{position:fixed;width:100%;height:100%;inset:0;display:flex;align-items:center;justify-content:center;z-index:7}.modal-dialog{position:relative;box-shadow:0 10px 24px -12px #000000bf;width:90%;background:#fff;border-radius:1rem;padding:2rem;max-height:80%;overflow:auto}@media(min-width:1024px){.modal-dialog{width:80%}}.close-modal{position:absolute;background:transparent;border:0;width:2rem;height:2rem;font-size:1rem;top:1rem;right:1.5rem;cursor:pointer}.loader-wrapper{text-align:center;width:100%;margin:2rem 0}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #00d4ca;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#00d4ca transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.category-row{display:flex}.category-list-header{display:flex;align-items:center;position:sticky;top:0;z-index:2;background:#fdfcff;padding:.5rem 0}.noi-selected{opacity:.3;margin-left:.5rem}.category-list li{padding:1rem 2rem;background:#fff;margin-bottom:1rem;border-radius:.2rem;box-shadow:0 10px 24px -12px #00000024;transition:transform .2s ease}.category-list li:hover{transform:scale(1.02)}.category-list .item-row{text-decoration:none;color:#000;display:flex;justify-content:space-between;align-items:center;padding:1rem 0;cursor:pointer}.cols,.cols-titles{display:flex;width:90%}.cols .col-label,.cols-titles .col-label{font-size:.9rem;opacity:.5;font-weight:600;margin-bottom:.5rem}.cols .col-value,.cols-titles .col-value{font-size:1rem;font-weight:600}.cols .label-col,.cols-titles .label-col{display:flex;flex-direction:column;margin-right:1rem;flex-basis:15%}.cols-titles{width:calc(90% - 2rem);padding:1rem 1rem 1rem 2rem;background:#fdfcff}.category-information{margin-top:1rem}.category-information .previous-suppliers button{margin-right:.5rem}.category-col{padding:1rem;background:#f5f5f5;margin-bottom:2%;line-height:150%;width:100%;word-break:break-all}@media(min-width:1220px){.category-col{margin-right:2%;flex-basis:23%;width:23%}.category-col:nth-child(4n+4){margin-right:0}}@media(min-width:1024px)and (max-width:1219px){.category-col{margin-right:2%;flex-basis:31%;width:31%}.category-col:nth-child(3n+3){margin-right:0}}@media(min-width:640px)and (max-width:1023px){.category-col{margin-right:2%;flex-basis:48%;width:48%}.category-col:nth-child(2n+2){margin-right:0}}.filter-search{position:relative}.filter-search svg{position:absolute;left:.5rem;top:50%;transform:translateY(-50%)}.filter-search svg path{transition:all .2s ease;fill:#ddd}.filter-search svg.clear-search{left:auto;right:1.5rem;cursor:pointer}.filter-search svg.clear-search path{fill:#222}.category-filters{margin-left:2rem;display:flex;align-items:center;border-left:1px solid #eee;padding-left:2rem}.category-filters label{font-weight:700}.category-filters input[type=checkbox]{margin-right:.5rem}.category-filters input[type=text]{height:2.5rem;line-height:2.5rem;width:260px;border:0;background:transparent;font-weight:400;font-size:1rem;padding:0 1rem 0 2rem;border-color:#ddd;border-width:0 0 1px 0;border-style:solid;transition:border-color .2s ease;margin-right:1rem}.category-filters input[type=text]:hover,.category-filters input[type=text]:focus{border-color:#5a42b3}.category-filters input[type=text]:focus+svg path{fill:#00d4ca}.category-row{display:flex;padding:1rem;border-bottom:1px solid #eee}.category-row .key-col{font-weight:600;width:30%;padding-right:1rem}.category-row .value-col{width:70%;padding-left:1rem}.article-table{width:100%}.article-table .button-row{position:absolute;z-index:5;right:0;top:50%;transform:translateY(-50%);transition:opacity .2s ease;opacity:0;display:flex;flex-direction:row}.article-table .button-row.active{opacity:1}.article-table .icon-button svg path{fill:#00d4ca}.article-table .icon-button svg[data-icon=save] path,.article-table .icon-button svg[data-icon=spinner] path{fill:#5a42b3}.article-table th{text-align:left;font-weight:600;opacity:.5;border-bottom:1px solid #eee}.article-table th,.article-table td{padding:1rem;position:relative}.article-table th:hover .button-row,.article-table td:hover .button-row{opacity:1}.article-table tbody tr:nth-child(2n){background:#f5f5f5}.article-table input{height:2.5rem;line-height:2.5rem;border:1px solid #eee;padding:0 .5rem;width:70%;font-size:1rem}.article-table .deleting{opacity:.5;text-decoration:line-through}.button-row.loading svg[data-icon=spinner],.loading-spinner{animation-name:loading;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:center center}.button-row.loading svg[data-icon=spinner] path,.loading-spinner path{fill:#5a42b3}.loading-spinner{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.article-table-wrap{position:relative}.article-table-wrap .add-wrap{top:.2rem;right:0;position:absolute;display:flex;flex-direction:row;justify-content:flex-end;z-index:3;align-items:center}.article-table-wrap .button-row{display:flex;flex-direction:row;margin-left:.5rem}.article-table-wrap .button-row .icon-button{margin-left:.5rem}.article-table-wrap .button-row svg path{fill:#00d4ca}.article-table-wrap .button-row svg[data-icon=save] path{fill:#5a42b3}.article-table-wrap .add-input{width:0;transition:all .2s ease;overflow:hidden}.article-table-wrap .add-input input{opacity:1;height:2.5rem;line-height:2.5rem;border:1px solid #eee;padding:0 .5rem;width:100%;font-size:1rem}.article-table-wrap .add-input input:disabled{background:#eee;opacity:.5}.article-table-wrap .add-input.active{width:200px}.information-box{margin-top:1rem;padding:1rem;background:#f5f5f5;width:100%}.information-box h5{margin-bottom:1rem}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}