body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;color:#fff}body,button,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.container{margin:auto;width:25vw;align-items:center}.mainTitle{width:100%;text-align:center;font-size:2rem}.mainSearch{margin:10px auto;width:100%;vertical-align:middle;box-sizing:border-box;position:relative}.mainSearch img{display:inline-block;width:2rem;height:2rem;margin:.25rem;position:absolute;z-index:2}.mainSearch input{display:block;height:2.5rem;font-size:1.5rem;text-indent:2.5rem;width:100%;border-radius:5px}.newUserButton{width:100%;margin:10px auto}.newUserButton button{width:100%;height:2rem;border:0;border-radius:5px;background-color:#66a182;font-size:1.1rem;color:#000;-webkit-filter:drop-shadow(0 1px 1px #000);filter:drop-shadow(0 1px 1px #000000)}.newUserButton button:hover{background-color:rgba(102,161,130,.8)}.newUserButton button:active{-webkit-transform:translateY(1px);transform:translateY(1px);-webkit-filter:none;filter:none}nav{background-color:#c84630;display:flex;flex-direction:row;justify-content:space-around;border-radius:5px}nav,nav a{width:100%}nav a{color:#fff;display:block;padding:.5rem 1rem;text-align:center;text-decoration:none}nav a:hover{background-color:rgba(0,0,0,.1)}nav a.right{border-radius:0 5px 5px 0}nav a.left{border-radius:5px 0 0 5px}nav .isActive{background-color:rgba(0,0,0,.25)}.logIn{margin:1rem 0}.signOut{width:100%;background-color:#c84630;border:0;margin:.5rem 0;height:1.5rem;border-radius:5px;cursor:pointer}.signOut:hover{opacity:.9}.signOut:active{-webkit-transform:translateY(2px);transform:translateY(2px)}@media (min-width:650px) and (max-width:1200px){.container{width:60vw}}@media (max-width:650px){.container{width:90vw}}.infoButton{margin:1em auto 0;box-sizing:border-box;height:2em;width:100%;background-color:hsla(0,0%,100%,.35);border:0;border-radius:5px;cursor:pointer}.infoButton:hover{background-color:hsla(0,0%,100%,.55)}.userName{font-size:1.5rem;padding:.1em}.userItem{background-color:#5f9ea0;color:#000;border-radius:5px;padding:5px;margin:.25rem auto}.userDivide{border:.5px solid #d3d3d3;opacity:.5;border-radius:.25px;margin:4px}.userDetail img{height:1em;display:inline-block}.modal{z-index:110;pointer-events:none}.modal,.modalBackground{display:block;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto}.modalBackground{z-index:100;background-color:#000;background-color:rgba(0,0,0,.4)}.modalBody{position:relative;background-color:#fefefe;margin:auto;top:15%;width:35%;border-radius:5px;pointer-events:all}.modalHeader{border-radius:4px 4px 0 0;background:#2f4f4f;font-size:1.5rem;padding:.25rem;color:#fff;text-align:center;display:flex;justify-content:center;align-items:center;min-height:3rem}.modalHeader span{flex-grow:1}.modalHeader div{height:3rem;width:3rem}.modalHeader div svg .centralPlus{fill:#fff}.modalHeader div svg:hover>.centralPlus{fill:#a5dc69}.modalHeader div svg .newOrderIconBackground{fill:#fff}.modalHeader div svg:hover>.newOrderIconBackground{fill:grey}.modalContent{padding:.5rem;max-height:60vh;overflow:auto}.item{width:100%}.modalContainer{margin:auto;width:80%}.orderItem{width:100%;background-color:gold;color:#000;border-radius:5px;padding:5px;margin:.25rem auto;position:relative}.orderStatusDropdown{width:40%;min-width:120px;background-color:transparent;font-size:1rem}.delete{cursor:pointer}.delete img{position:absolute;height:1.5rem;right:.25rem;bottom:.25rem}.is-completed{background-color:green}.is-outstanding{background-color:#ff4d0d}.orderDivide{border:.5px solid #d3d3d3;opacity:.5;border-radius:.25px;margin:4px}.orderDetail{display:grid;grid-template-columns:2em auto;align-items:center}.orderDescriber{display:flex;height:100%;justify-content:center;align-items:center}.orderDescriber img{align-self:center;vertical-align:middle;height:1rem;display:inline-block}.orderItems{background-color:hsla(0,0%,50.2%,.05);border-radius:5px;white-space:pre-wrap}@media (min-width:650px) and (max-width:1100px){.modalBody{width:60%}}@media (max-width:650px){.modalBody{width:80%}}.orderForm label{display:grid;grid-template-columns:1fr 2fr;align-items:center;justify-content:center;margin:.25rem auto;padding:.25rem 0}.orderForm label span{padding:1rem;text-align:left}.orderForm label textarea{resize:none}.orderForm label select{font-size:.8rem;height:1.25rem}.orderForm .buttons{display:flex;justify-content:center}.orderForm button{margin:0 .5rem;width:25%;height:2rem;font-size:1rem;border:1px solid #000;border-radius:5px;-webkit-filter:drop-shadow(.1px .1px .5px #333);filter:drop-shadow(.1px .1px .5px #333333)}.orderForm .cancel{background-color:#e55934}.orderForm .cancel:hover{background-color:rgba(229,89,52,.9);-webkit-filter:none;filter:none}.orderForm .submit{background-color:#32e984}.orderForm .submit:hover{background-color:rgba(50,233,132,.9);-webkit-filter:none;filter:none}@media (max-width:650px){.orderForm label{grid-template-columns:1fr}.orderForm label span{padding:0 0 .1rem;margin:0 0 .2rem}}.userItemSize{width:100%;box-sizing:border-box}.form{margin:auto}.form label select{font-size:.8rem;height:1.25rem}.form label{display:grid;grid-template-columns:1fr 2fr;align-items:center;justify-content:center;margin:.25rem auto;padding:.25rem 0}.form label span{padding:.5rem 1rem;text-align:left}.form label textarea{resize:none}.form .buttons{display:flex;justify-content:center}.form button{margin:0 .5rem;width:25%;height:2rem;font-size:1rem;border:1px solid #000;border-radius:5px;-webkit-filter:drop-shadow(.1px .1px .5px #333);filter:drop-shadow(.1px .1px .5px #333333)}.form .cancel{background-color:#e55934}.form .cancel:hover{background-color:rgba(229,89,52,.9);-webkit-filter:none;filter:none}.form .submit{background-color:#32e984}.form .submit:hover{background-color:rgba(50,233,132,.9);-webkit-filter:none;filter:none}@media (max-width:650px){.form label{grid-template-columns:1fr}.form label span{padding:0 0 .1rem;margin:0 0 .2rem}}.alert{background-color:#e55934;text-align:center;font-weight:500;font-size:1.2rem;border-radius:5px;padding:.1rem .5rem;display:flex;align-items:center;justify-content:space-between}.alert img{height:2rem}
/*# sourceMappingURL=main.b86237d2.chunk.css.map */