@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;600;700;900&display=swap);body,html,ul{padding:0;margin:0;font-family:Roboto,sans-serif}ul{list-style:none}body{background-color:#e6e6e6}button:focus,input:focus,textarea:focus{outline:none}a{color:inherit;text-decoration:none}*,:after,:before{box-sizing:border-box}img{max-width:100%;height:auto}input[type=file]{display:none}svg{fill:currentColor}hr{border:none;background-color:#ce5a57;height:1px}.m-1{margin:1rem}.grid{display:grid;grid-gap:.5rem;gap:.5rem}.grid-col-2{grid-column:1/span 2}.grid-col-3{grid-column:1/span 3}.btn{min-height:2.5rem;display:flex;align-items:center;justify-content:center;white-space:nowrap;text-transform:uppercase;font-size:.75rem;letter-spacing:1px;font-weight:600;border-radius:5px;padding:.3rem 1rem;outline:none;border:none;color:#fff;cursor:pointer;transition:all .2s}.btn.btn-sm{font-size:10px}.btn-punch{background-color:#ce5a57}.btn-punch:active,.btn-punch:hover{background-color:#c84743}.btn-navy{background-color:#444c5c}.btn-navy:active,.btn-navy:hover{background-color:#39404d}.btn-ocean{background-color:#78a5a3}.btn-ocean:active,.btn-ocean:hover{background-color:#699b99}.btn-warm{background-color:#e1b16a}.btn-warm:active,.btn-warm:hover{background-color:#dda655}.btn-transparent{border-radius:unset;background-color:transparent;color:#000}.btn-transparent:active,.btn-transparent:hover{background-color:#699b99}.btn-rounded{border-radius:50px}.btn-shadow:hover{box-shadow:0 3px 8px 2px rgba(0,0,0,.2)}.layout{display:grid;min-height:90vh;grid-template-columns:250px 1fr}@media(max-width:50em){.layout{display:block}}.locations{color:#fff;background-color:#78a5a3}@media(max-width:50em){.locations{display:none}}.items{background-color:#e6e6e6;overflow-x:auto}.container{width:95%;margin:0 auto}.search-input{width:50%;margin:0 auto}.history-entry{padding:.5rem 0;border-bottom:1px solid #78a5a3}.floating{position:absolute;width:100px;height:100px;background-color:red;transition:all .2s}.edit-item{transform:translateY(15px);max-width:990px;min-height:85vh;width:95%;margin:0 auto;position:relative;background-color:#fff;padding:3rem 1rem;border-radius:10px}.edit-item .loader-linear-container{position:absolute;top:32px;width:100%;text-align:center}.edit-item-heading{text-align:center;font-size:20px}.edit-item-form{margin-top:3rem;display:grid;grid-template-columns:6fr 4fr;grid-gap:1rem;gap:1rem}@media(max-width:50em){.edit-item-form{grid-template-columns:1fr}}.edit-item .sub-grid{display:inline-grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem}.edit-item .image-col{margin-top:1rem;position:relative}.edit-item .image-col span{position:absolute;border-radius:10px;z-index:5;left:10px;top:-10px;font-size:.8rem;letter-spacing:.2px;color:#4d4d4d;padding:0 .5rem;color:#fff;border-radius:20px;background-color:grey}.edit-item .item-img{display:flex;align-items:center;background-size:cover;background-position:50%;background-repeat:no-repeat;height:400px;width:400px;border:1px solid #4d4d4d;border-radius:5px}.edit-item .item-img:hover .delete-img-btn{display:flex;opacity:.9}.edit-item .item-img .delete-img-btn{display:none;margin:0 auto;opacity:0;color:#fff;border-radius:50px;padding:.75rem;background-color:#4d4d4d;cursor:pointer;transition:all .5s ease-in}.edit-item .msg{border-radius:5px;position:absolute;top:20px;left:15px;right:15px;padding:.75rem;text-transform:uppercase;text-align:center;font-weight:700;background-color:#c3a1db;z-index:5;transform:translate(0);animation:show .5s}.loader-container{position:absolute;top:15rem;display:flex;width:100%;align-items:center;justify-content:center}@keyframes show{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0)}}header{background-color:#fff;border-bottom:1px solid #444c5c;padding:1rem 0}header,nav{display:flex;align-items:center}nav{position:relative;justify-content:space-between;width:100%;margin:0 1rem;padding:0 1.25rem}.logo{text-decoration:none;font-size:1.25rem;font-weight:600;text-transform:uppercase}@media(max-width:50em){.auth{display:none}}.avatar{display:inline;border-radius:2rem;float:left;height:2.2rem;width:2.2rem;background-color:#fff;background-size:cover;border:2px solid #333}.profile{display:flex;align-items:center}.email{margin-right:1rem;margin-left:.25rem;font-size:.8rem}.sign-with-google{display:grid;padding:.25rem 0;grid-template-columns:repeat(2,auto);grid-gap:.5rem;gap:.5rem;align-items:center}.toggle-menu-button{position:absolute;width:2rem;height:2rem;right:0;display:none;cursor:pointer}@media(max-width:50em){.toggle-menu-button{display:flex;align-items:flex-end}}.toggle-menu{position:fixed;color:#fff;min-width:250px;left:-100%;top:0;bottom:0;background-color:#78a5a3;z-index:100;transition:all .2s;display:none}.toggle-menu-show{left:0}@media(max-width:50em){.toggle-menu{display:flex;flex-direction:column;justify-content:space-between}}.toggle-menu-backdrop{background-color:rgba(0,0,0,.5);position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.drop-down{position:relative;display:inline-block}.drop-down-button{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;font-size:.75rem;letter-spacing:1px;font-weight:600;background-color:#444c5c;border-radius:12px;padding:.4rem;outline:none;border:none;color:#fff;cursor:pointer;transition:all .15s ease-in-out}.drop-down-button:hover{background-color:#39404d;box-shadow:0 3px 20px 2px rgba(0,0,0,.2)}.drop-down-button:hover .arrows-icon{background-color:#c84743}.drop-down-button .arrows-icon{display:flex;align-items:center;justify-content:center;width:.8rem;height:1.5rem;background-color:#ce5a57;border-radius:6px}.drop-down-button .text{min-width:10ch;text-transform:uppercase;padding:0 .5rem}.drop-down-button:focus+.drop-down-menu{opacity:1;visibility:visible;transform:translateY(0)}.drop-down-menu{min-width:13ch;z-index:100;overflow-y:hidden;margin-top:5px;border-radius:5px;background-color:#fff;box-shadow:0 3px 8px 2px rgba(0,0,0,.2);position:absolute;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .4s ease}.drop-down-menu--right{right:0}.drop-down-menu--item{width:100%;height:100%;line-height:2;transition:all .2s ease;padding:.25em 1em;cursor:pointer;white-space:nowrap}.drop-down-menu--item:hover{background-color:#ccc}.text-input-wrapper{position:relative;margin-top:1rem}.text-input-wrapper .input{width:100%;font-family:inherit;padding:.5em .9em;font-size:1rem;border-radius:5px;outline:none;border:1px solid #b3b3b3;transition:all .2s ease}.text-input-wrapper .input:focus,.text-input-wrapper .input:hover{border-color:#4d4d4d}.text-input-wrapper .input.error{border:1px solid #ce5a57}.text-input-wrapper .label{position:absolute;color:#4f5366;left:5px;top:-15px;padding:.2em .5em;font-size:.7em;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;border-radius:20px;background-color:grey}.text-input-wrapper .error-text{display:block;min-height:1rem;padding-left:.25rem;color:#ce5a57;font-size:.7rem}.select-wrapper{position:relative;margin-top:1rem}.select-wrapper .select{width:100%;font-family:inherit;padding:.5em .9em;font-size:1rem;border-radius:5px;outline:none;border:1px solid #eeeff6;transition:all .2s ease}.select-wrapper .select:focus,.select-wrapper .select:hover{border-color:#4f5366;cursor:pointer}.select-wrapper .select.error{border:1px solid #ce5a57}.select-wrapper .label{position:absolute;color:#4f5366;left:5px;top:-15px;padding:.2em .5em;font-size:.7em;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;border-radius:20px;background-color:grey}.select-wrapper .error-text{display:block;min-height:1rem;padding-left:.25rem;color:#ce5a57;font-size:.7rem}.modal-backdrop{height:100%;width:100%;position:fixed;overflow:auto;inset:0;z-index:100;background-color:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{max-width:90%;max-height:90%;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:auto;border-radius:10px;box-shadow:0 6px 20px rgba(43,44,57,.14);width:480px;animation:appearance .2s normal}.modal .close-icon{position:absolute;right:.25rem;top:.25rem;width:2rem;height:2rem;background-color:#ce5a57;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer}.modal .close-icon:hover{background-color:#bb3a37}.modal .loader-linear-container{position:absolute;top:5px;right:5px}.modal-header{font-size:1.25rem;text-align:center;padding:.75rem 0;text-transform:uppercase;margin-bottom:2rem;border-bottom:1px solid #78a5a3}.modal .form .fields{padding:0 2rem;display:grid;grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(3,1fr)}.modal .form-buttons{border-top:1px solid #666;margin-top:1.5rem;height:3rem;display:flex}.modal .form-buttons>*{flex-basis:100%}.modal .form-buttons>:not(:last-child){border-right:1px solid #666}.modal .form-btn{color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;text-transform:uppercase;font-size:.8rem;font-weight:700}.modal .form-btn:hover{color:#000}.modal .image-wrapper{padding:1rem;display:flex;justify-content:center;align-items:center}@keyframes appearance{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.inventory-list{padding:0 2rem;position:relative}@media(max-width:50em){.inventory-list{padding:0 .75rem}}.inventory-list .search{width:25%}@media(max-width:50em){.inventory-list .search{width:100%}}.inventory-list-top-row{display:flex;padding:.5rem 0;align-items:center;grid-gap:.5rem;gap:.5rem}.inventory-list-top-row .current-location{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.25rem;font-weight:300;text-transform:uppercase}.inventory-list-top-row .add-new-btn{margin-left:auto}.file-icon{width:16px;height:16px;color:#fff}.google-icon{width:18px;height:18px;color:#fff}.custom-file-upload-wrapper{display:flex;align-items:center;position:relative}.custom-file-upload-input{display:flex;align-items:center;justify-content:space-between;border:1px solid #b3b3b3;border-radius:5px;padding:6px 12px;cursor:pointer;transition:border .2s ease}.custom-file-upload-input:hover{border:1px solid #4d4d4d}.custom-file-upload-input .icon{width:2rem;height:2rem;fill:#4d4d4d;margin-left:.5rem}.custom-file-upload-input .label-text{min-width:10ch}.custom-file-upload-filename{display:block;margin-left:.5rem}.lds-spinner{color:official;display:inline-block;position:relative;width:80px;height:80px}.lds-spinner div{transform-origin:40px 40px;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#4687a8}.lds-spinner div:first-child{transform:rotate(0deg);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:40px}.lds-ellipsis div{position:absolute;top:13px;width:13px;height:13px;border-radius:50%;background:#78a5a3;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.custom-checkbox{width:100%;height:100%;color:#999}.custom-checkbox:hover{color:#404040}.custom-checkbox-checked{color:#78a5a3}.location-list .all-tools{padding-left:1.5rem;text-transform:uppercase;margin-top:.25rem}.location-list-entries{margin-right:.5rem}.history{display:flex;align-items:center;margin-left:1.5rem}.history-icon{width:1.5rem;height:1.5rem}.history-link{text-transform:uppercase;margin-left:.5rem}.location-item{min-height:40px;padding:.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .1s ease-in;cursor:pointer}.location-item:hover{background-color:#999}.location-item-selected,.location-item:hover{border-top-right-radius:40px;border-bottom-right-radius:40px}.location-item-selected{background-color:#bb3a37}.location-item .location-name{padding-left:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-item .countItems{font-size:.8rem;font-weight:700;height:1.5rem;margin-left:1rem;padding:.5rem;background-color:#444c5c;color:#fff;border-radius:100px;display:flex;align-items:center;justify-content:center}.location-item .folder-icon{width:1rem;height:1rem;margin-right:1rem;flex-shrink:0}.location-item .pen-icon{width:1.25rem;height:1.25rem;margin-left:auto}.edit-button{height:1.8rem;width:1.8rem;padding:.25rem;background-color:#444c5c;color:#fff;border-radius:50px;cursor:pointer;display:flex;align-items:center;justify-content:center}.edit-button-icon{width:16px;height:16px;transition:all .2s}.edit-button:hover .edit-button-icon{transform:rotate(45deg)}.image-upload-wrapper{display:flex;padding:.5rem;width:400px;height:400px;align-items:center;position:relative;border:1px solid #b3b3b3;border-radius:5px;overflow:hidden;transition:border .2s ease}.image-upload-wrapper:hover{border:1px solid #4d4d4d}@media(max-width:50em){.image-upload-wrapper{width:280px;height:280px}}.image-upload-input{background-color:#e6e6e6;height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:30px 0;cursor:pointer}.image-upload-input .icon{width:8rem;height:8rem;fill:#ce5a57}.image-upload-input .label-text{min-width:10ch;font-weight:700;text-transform:uppercase;color:#444c5c}.img-upload-preview{background-size:cover;background-position:50%;background-repeat:no-repeat;height:380px;width:380px}.select-other-img{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:.5rem;background-color:#4d4d4d;cursor:pointer;color:#fff}.table-wrapper{overflow:auto;max-height:80vh;background-color:#fff;margin-bottom:2rem;border-radius:5px;box-shadow:0 3px 20px 2px rgba(0,0,0,.2)}.table-grid{display:grid;width:100%;grid-template-columns:minmax(350px,3fr) repeat(4,minmax(150px,1fr));align-items:stretch}@media(max-width:50em){.table-grid{grid-template-columns:minmax(200px,2fr) repeat(4,minmax(100px,1fr))}}.table-grid>*{display:flex;align-items:center}.table-grid .header{text-transform:uppercase;color:#444c5c;font-weight:700;font-size:14px;border-bottom:1px solid #ce5a57}.table-grid .row{padding:.25rem 0;border-bottom:1px solid #e1b16a;font-size:.9rem}.table-grid .row.selected{background-color:#a6c4c2}.table-grid .row span.txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-grid .item{overflow:hidden;cursor:pointer}.table-grid .item-img{margin-left:1rem;display:flex;align-items:center;justify-content:center;border-radius:5px;background-color:grey;background-size:cover;background-position:50%;background-repeat:no-repeat;height:40px!important;min-width:40px!important}.table-grid .item-txt{position:relative;margin-left:1rem;padding:1rem 0;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-grid .item-txt:hover .edit-btn{display:flex;align-items:center;opacity:1}.table-grid .item .edit-btn{background-color:#fff;display:none;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;animation:appeareance .15s ease-in}.table-grid .location,.table-grid .responsible,.table-grid .sn{padding:0 .25rem;justify-content:center}.table-grid .date,.table-grid .status{justify-content:center}.checkbox{width:1rem;height:1rem;margin-left:1rem;flex-shrink:0}.checkbox input[type=checkbox]{margin:0;width:100%;height:100%}