@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap);body,html{min-height:100vh;font-family:"Open Sans",sans-serif}body,h2,h3,h4,html,p{margin:0}.auth-background{background:url(/static/media/login-background.0b86dbbf.jpg) no-repeat 50%/cover;height:100vh}.auth-window{background-color:#fbfbfb;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:3px;padding:40px;width:20%;text-align:center}.auth-window form{display:flex;flex-direction:column;margin:20px 0}.auth-window form button,.auth-window form input{margin:5px 0;border:none;padding:7px 15px;outline:none}.auth-window form input{background-color:#dedede;color:#555}.auth-window form button{background-color:#f05d5e;color:#fefefe;transition:all .3s ease}.auth-window form button:hover{background-color:#ec2e30;cursor:pointer}.auth-window .link{color:#4d807c;margin-top:300px;text-decoration:none}.auth-window .link:hover{text-decoration:underline}.container{max-width:1200px;width:80%;margin:0 auto}@media screen and (max-width:930px){.auth-window{width:30%}}@media screen and (max-width:700px){.auth-window{width:45%}}.auth-window .logo-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.auth-window .logo-title .logo{width:40px}.auth-window .logo-title h2{color:#5f4e4e;text-align:center}@media screen and (max-width:1000px){.auth-window .logo-title .logo{border:2px solid red;display:none}.auth-window .logo-title h2{width:100%;font-size:1.3rem;text-align:center}}.auth-window h2{color:#5f4e4e}.auth-window p{margin-bottom:5px}.spinner-showcase{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:#ec2e30}.spinner-showcase .sk-chase{width:40px;height:40px;position:relative;animation:sk-chase 2.5s linear infinite both}.spinner-showcase .sk-chase .sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-chase-dot 2s ease-in-out infinite both}.spinner-showcase .sk-chase .sk-chase-dot:before{content:"";display:block;width:25%;height:25%;background-color:#f4f4f4;border-radius:100%;animation:sk-chase-dot-before 2s ease-in-out infinite both}.sk-chase-dot:first-child{animation-delay:-1.1s}.sk-chase-dot:nth-child(2){animation-delay:-1s}.sk-chase-dot:nth-child(3){animation-delay:-.9s}.sk-chase-dot:nth-child(4){animation-delay:-.8s}.sk-chase-dot:nth-child(5){animation-delay:-.7s}.sk-chase-dot:nth-child(6){animation-delay:-.6s}.sk-chase-dot:first-child:before{animation-delay:-1.1s}.sk-chase-dot:nth-child(2):before{animation-delay:-1s}.sk-chase-dot:nth-child(3):before{animation-delay:-.9s}.sk-chase-dot:nth-child(4):before{animation-delay:-.8s}.sk-chase-dot:nth-child(5):before{animation-delay:-.7s}.sk-chase-dot:nth-child(6):before{animation-delay:-.6s}@keyframes sk-chase{to{transform:rotate(1turn)}}@keyframes sk-chase-dot{80%,to{transform:rotate(1turn)}}@keyframes sk-chase-dot-before{50%{transform:scale(.4)}0%,to{transform:scale(1)}}.navbar{background-color:#e3e3e3;padding:10px 0;margin-bottom:3rem}.navbar .navbar-content{display:flex;justify-content:space-between;align-items:center;position:relative}.navbar .navbar-content .logo-title{display:flex;justify-content:flex-start;align-items:center;width:40%}.navbar .navbar-content .logo-title img{width:55px;margin-right:1rem}.navbar .navbar-content .logo-title h2{color:#5f4e4e}.navbar .navbar-content .btn-container{display:flex;justify-content:space-between;align-items:center;width:45%}.navbar .navbar-content .btn-container button{margin-left:.5rem;padding:8px 30px;color:#626262;font-size:1rem;background-color:#fbfbfb;border:none;border-radius:3%;outline:none;cursor:pointer;transition:all .3s ease}.navbar .navbar-content .btn-container button:hover{background-color:#626262;color:#fbfbfb}.navbar .navbar-content .btn-container .logout{padding:8px 23px;color:#f54900;border:1px solid #f54900}.navbar .navbar-content .btn-container .logout:hover{background-color:#f54900}.navbar .navbar-content .btn-container .fa-times,.navbar .navbar-content .fa-bars{display:none;cursor:pointer}@media screen and (max-width:1150px){.navbar .navbar-content .btn-container{width:55%}}@media screen and (max-width:900px){.navbar .navbar-content .logo-title img{display:none}}@media screen and (max-width:700px){.navbar .navbar-content .logo-title{width:65%}.navbar .navbar-content .btn-container{position:fixed;flex-direction:column;justify-content:center;left:-40%;top:0;width:40vw;height:100vh;background-color:#a50f10;z-index:10;transform:translateX(-100%);transition:all .3s ease}.navbar .navbar-content .btn-container .logout,.navbar .navbar-content .btn-container button{margin:1rem 0;color:#fff;border:none;background-color:transparent;font-weight:600}.navbar .navbar-content .btn-container .logout:hover,.navbar .navbar-content .btn-container button:hover{background-color:transparent}.navbar .navbar-content .btn-container .fa-times{display:inline-block;position:absolute;top:20px;right:20px;color:#fff;font-size:1.1rem}.navbar .navbar-content .fa-bars{display:inline-block;font-size:1.3rem}}@media screen and (max-width:400px){.navbar .navbar-content .logo-title{display:none}.navbar .navbar-content{padding:1.25rem 0}.navbar .navbar-content .fa-bars{position:absolute;top:50%;left:90%;transform:translate(-50%,-50%)}}.inventory-screen .select{display:block;font-size:16px;font-family:sans-serif;font-weight:700;color:#444;line-height:1.3;padding:.6em 1.4em .5em .8em;width:100%;max-width:100%;box-sizing:border-box;margin:0 0 2rem;border:1px solid #aaa;box-shadow:0 1px 0 1px rgba(0,0,0,.04);border-radius:.5em;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(180deg,#fff 0,#e5e5e5);background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%}.inventory-screen .select::-ms-expand{display:none}.inventory-screen .select:hover{border-color:#888}.inventory-screen .select:focus{border-color:#aaa;box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.inventory-screen .select option{font-weight:400}.inventory-screen .search-input{position:relative;display:block;width:50%;margin:0 auto 2rem;padding:10px 15px;border:2px solid rgba(74,69,69,.75);border-radius:3px}.inventory-screen .search-input:focus{border:2px solid #4a4545}.inventory-screen .item-container{display:flex;justify-content:center;flex-wrap:wrap}.inventory-screen .item-container .item-card{background-color:#292828;border-radius:0 0 2% 2%;width:200px;height:225px;margin:.5rem}.inventory-screen .item-container .item-card .img{height:120px}.inventory-screen .item-container .item-card .text-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;max-height:inherit;height:46.66%}.inventory-screen .item-container .item-card .text-container .fa-cog{position:absolute;top:8px;right:8px;cursor:pointer;transition:all .3s ease}.inventory-screen .item-container .item-card .text-container .fa-cog:hover{transform:rotate(90deg)}.inventory-screen .item-container .item-card .text-container .category,.inventory-screen .item-container .item-card .text-container .fa-cog,.inventory-screen .item-container .item-card .text-container .name,.inventory-screen .item-container .item-card .text-container .quantity{color:#f4f4f4;text-align:center}.inventory-screen .item-container .item-card .text-container .category{border-bottom:1px solid #f4f4f4;margin-bottom:.5rem;font-size:1.15rem}.inventory-screen .item-container .item-card .text-container .name{font-size:1.05rem}.inventory-screen .item-container .item-card .text-container .quantity{font-size:.85rem}.add-item-window{background-color:#ccc;width:40%;padding:15px 50px;border-radius:5px}.add-item-window .form div{display:flex;flex-direction:column;margin:.7rem 0}.add-item-window .form div p{margin-bottom:.2rem}.add-item-window .form div input{border:none;background-color:#f4f4f4}.add-item-window .form button,.add-item-window .form input{border-radius:2px;padding:7px 10px;outline:none}.add-item-window .form button{width:100%;border:none;color:#f4f4f4;font-size:1.1rem;margin-bottom:.7rem;cursor:pointer;transition:all .3s ease}.add-item-window .form .btn-green{background-color:#26874e}.add-item-window .form .btn-green:hover{background-color:#2c9b59}.add-item-window .form .btn-red{background-color:#f54336}.add-item-window .form .btn-red:hover{background-color:#f42c1e}@media screen and (max-width:700px){.add-item-window{width:60%}}.select-image-background{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.6)}.select-image-background .select-image-container{width:60%;height:75%;padding:25px}.select-image-background .select-image-container form{display:flex;flex-direction:row;justify-content:center;text-align:center}.select-image-background .select-image-container form input{width:80%}.select-image-background .select-image-container .search-results{display:flex;justify-content:space-between;flex-wrap:wrap;overflow-y:scroll;height:75%}.select-image-background .select-image-container .search-results .result{width:31.5%;height:150px;margin:5px 4px;border-radius:2px;cursor:pointer}.select-image-background .select-image-container button{background-color:#f05d5e;color:#fefefe;width:100%;margin:5px 0;padding:10px;border:none;transition:all .3s ease}.select-image-background .select-image-container button:hover{background-color:#ec2e30;cursor:pointer}.select-image-background .select-image-container .fa-times{position:absolute;top:15px;right:15px;color:#5d5d5d;cursor:pointer}@media screen and (max-width:750px){.select-image-background .select-image-container .search-results .result{width:47%}}@media screen and (max-width:550px){.select-image-background .select-image-container .search-results .result{width:100%}}.spinner{margin:100px auto 0;width:70px;text-align:center}.spinner>div{width:18px;height:18px;background-color:#f05d5e;border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s ease-in-out infinite both}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}
/*# sourceMappingURL=main.3883b557.chunk.css.map */