.login{background:#fff;width:500px;max-width:95vw;margin:40px auto;padding:50px;border-radius:20px;text-align:center}.login h1{color:#000}.login .logo{margin-top:50px;width:50%;min-width:250px}.login h1{font:normal normal 600 40px/60px Poppins}.login form{display:flex;flex-direction:column;gap:10px;text-align:left}.login form input{padding:15px;font-size:100%;border:1px solid #e0e0e0;border-bottom:2px solid #757575}.login form button{align-self:flex-start;font-size:100%;margin:auto}.login .togglelogin{align-self:flex-start;cursor:pointer}.login .togglelogin:hover{text-decoration:underline}.login .error{color:#d32f2f;font-size:80%;font-weight:600}.restaurantHeader{width:220px;height:100%;background:#fff;text-align:left;position:fixed;top:0;left:0}.restaurantHeader img{width:140px;display:block;margin:50px auto}.restaurantHeader .material-icons{vertical-align:bottom;font-size:1.4em}.restaurantHeader a{text-decoration:none;margin-left:40px;color:#000}.restaurantHeader .router-link-exact-active{font-weight:700;border-bottom:2px solid #000}.restaurantHeader .userInfo{position:absolute;bottom:50px;margin-left:40px}.restaurantHeader .userInfo p{margin:0}.restaurantHeader .userInfo button{margin-top:30px}.statusSphere{width:15px;height:15px;background-color:grey;border-radius:100%;display:inline-block;margin-right:10px}.orderSummary .status{float:right}.statusText{display:inline-block;font-weight:500}.status.orange .statusText{color:orange}.status.orange .statusSphere{background:#f57c00}.status.green .statusText{color:green}.status.green .statusSphere{background:green}.status.red .statusSphere{background:#d32f2f}.status.red .statusText{color:#d32f2f}.restaurantOrderSummary{padding:20px 30px;box-sizing:border-box;background:#fff;width:400px;border-radius:10px;margin:20px;text-align:left}.restaurantOrderSummary .router-link-active,.restaurantOrderSummary a{color:#000;text-decoration:none}.restaurantOrderSummary h2{font-size:2.2em;line-height:1em;font-weight:600;margin-bottom:20px;display:inline-block}.restaurantOrderSummary .subtitle{display:inline-block;margin-left:15px}.restaurantOrderSummary button{font-size:100%}.restaurantOrderSummary .price{display:inline-block;font-weight:600;font-size:1.5em;margin:0}.restaurantOrderSummary .status{float:right}.restaurantOrderSummary .statusText{margin:0}.restaurantOrderSummary.buttons{margin-top:20px}.restaurantOrderSummary .buttons button{display:block;margin-bottom:10px}.restaurantOrderSummary .subtitle.timestamp{font-style:italic;display:block;margin:20px 0}.restaurantOrderList{text-align:left;margin-left:230px}.restaurantOrderList h1{margin-left:30px;color:#fff;font-weight:600;font-size:2.5em;display:inline-block}.restaurantOrderList label{margin-right:30px;color:#fff}.restaurantOrderList input{height:30px;width:30px;margin-left:30px}.RestaurantOrderWrapper{display:flex;flex-wrap:wrap}.restaurantOrderList .switch{height:40px;width:65px;margin-left:30px;margin-right:10px;bottom:10px}.restaurantOrderList .slider:before{width:32px;height:32px;margin-bottom:2px;left:5px}.restaurantOrderList input:checked+.slider:before{transform:translateX(23px)}.restaurantOrderList .toggleLabel{position:relative;bottom:5px}.orderSummary{padding:25px 30px;box-sizing:border-box;background:#fff;width:90%;max-width:350px;border-radius:10px;margin:20px auto;text-align:left}.orderSummary h2{font-size:2.2em;line-height:1em;font-weight:600;margin-bottom:20px}.orderSummary button{font-size:100%}.orderSummary .price{display:inline-block;font-weight:600;font-size:1.5em;margin:0}.orderList p,.orderNumber{margin:0}.orderSummary .bottomItems{width:100%;margin-top:30px}.cancelAndCheckoutButtons,.orderSummary .bottomItems{display:flex;justify-content:space-between}.backdrop{z-index:1}#addBurgerForm button,#addDrinkForm button,#addSideForm button{position:fixed;left:50%;transform:translate(-50%);bottom:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}button:disabled{background:#bdbdbd;cursor:not-allowed}.close{font-family:Poppins,Helvetica,Arial,sans-serif;color:#fff;padding:.55em 1em .6em 1em;border-radius:2em;cursor:pointer;font-weight:500;font-size:100%;box-shadow:0 0 5px 0 rgb(0 0 0/15%);border:2px solid #fff;background:none;display:inline-block}#addIngredientMenuWithToggleButton{position:fixed;bottom:200px;right:80px;z-index:1}#addBurgerForm,#addDrinkForm,#addSideForm{position:fixed;top:0;left:0;overflow:scroll;padding:20px;width:100%;height:100%;background:#1b5e20;z-index:2;color:#000}#checkoutOrders{list-style:none;padding:0;color:#000}#checkoutOrders .orderItem{background:#fff;margin:20px auto;border-radius:10px;padding:20px 30px;padding-bottom:50px;text-align:left}#checkoutOrders .subtitle{float:right;margin-top:12px}#checkoutOrders h3{margin:0;margin-bottom:10px;font-weight:600;font-size:1.6em}#checkoutOrders .orderItem p{margin:0}#checkoutOrders .orderItem .delete{font-size:30px;float:right}#addIngredientMenu{position:absolute;right:-250px;bottom:0;transition:all .2s ease;color:#fff}nav.active #addIngredientMenu{transform:translate(-200px)}#addIngredientMenu p{padding:12px 25px;border-radius:50px;background:#1b5e20;box-shadow:0 3px 10px rgba(0,0,0,.14901960784313725);text-align:right;cursor:pointer}label.addingredientbutton{position:fixed;border-radius:50%;transition-duration:.2s;font-size:150%;color:#fff;background:#d32f2f;line-height:60px;height:60px;width:60px;text-align:center;cursor:pointer}#addIngredientButton[type=checkbox]:checked+label{transform:rotate(45deg)}#addBurgerForm label img,#addDrinkForm label img,#addSideForm label img{height:40%;position:relative;bottom:5px;display:block;margin:0 auto}#orderSuccessModal{background:#fff;color:#000;position:fixed;z-index:1;left:50%;top:10%;transform:translate(-50%);text-align:left;padding:30px 50px;border-radius:10px;width:90%;max-width:500px}h2.orderNumber{font-size:2.2em;line-height:1em;font-weight:600;margin-bottom:20px}#addBurgerForm input,#addDrinkForm input,#addSideForm input{margin-top:0;clear:both;display:block}#addBurgerForm input+label,#addDrinkForm input+label,#addSideForm input+label{width:100%;position:absolute;height:100%;top:0;left:0;padding-top:25%;border-radius:5px;border:1px solid #bdbdbd}#addBurgerForm input:checked+label,#addDrinkForm input:checked+label,#addSideForm input:checked+label{border:3px solid #0a941c}.instructionText{color:#fff;position:fixed;text-align:right;bottom:160px;right:130px}.ingredientContainer{background:#fff;border-radius:10px;padding:20px 25px;margin:60px 0;text-align:left;width:100%;display:flex;flex-wrap:wrap}.ingredientContainer>div{width:100px;height:100px;float:left;width:calc(25vw - 33px);height:calc(25vw - 33px);text-align:center;padding:10px;margin:5px;position:relative}.ingredientContainer h2{margin:0;margin-bottom:25px;font-size:1.5em;text-align:left;width:100%}.ingredientContainer input{margin:30px 0}.ingredientContainer .price{display:block;clear:both}.createOrder{margin-bottom:200px;color:#fff}@media (max-width:900px){.ingredientContainer>div{width:calc(33.33vw - 40px);height:calc(33.33vw - 40px)}}@media (max-width:650px){.ingredientContainer>div{width:calc(50vw - 55px);height:calc(50vw - 55px)}#addBurgerForm input+label,#addDrinkForm input+label,#addSideForm input+label{padding-top:8px}}#footer{text-align:left;display:flex;padding:20px 25px;gap:20px;align-items:center;width:100%;background-color:#fff;position:fixed;bottom:0;border-top:1px solid #e0e0e0}#footer img{width:75px;flex:0}#footer .tabledetails{flex:1}#footer span{font-weight:600}#footer .subtitle{font-size:.8em}#footer a{text-decoration:none;font-weight:500;color:#000}.guestOrders{text-align:center}.orderDetails{width:90%;max-width:350px;margin:20px auto;text-align:left;margin-bottom:200px}.orderDetails h1{margin:0;font-size:2.5em;color:#000}.orderDetails .container{padding:20px 30px;box-sizing:border-box;background:#fff;border-radius:10px;margin:15px auto}.orderDetails button{font-size:100%}.orderDetails p{margin:2px;font-size:.9em}.orderDetails h3{font-weight:600;font-size:1.3em;margin:0}.orderDetails .price{float:right;margin-top:5px}.orderDetails .totalPrice{float:right}.orderDetails .status{display:inline-block}.loginContainer{width:100%;height:300px;background:#fff;position:absolute;bottom:0;text-align:center}.loginContainer input[type=number]{display:block;margin:auto;border:1px solid #e0e0e0;border-bottom:2px solid #757575;height:60px;text-align:center;font-size:2em;width:100px}.loginLogoContainer{margin-top:100px;text-align:center}.loginContainer button{margin-top:30px;padding:1.2em 1.7em;font-size:100%}.loginContainer p{margin-top:40px}.loginLogoContainer p{color:#fff;font-size:1.2em}.loginLogoContainer img{width:40%;max-width:400px;min-width:250px;vertical-align:middle}.orderItem{margin:20px 0}.orderItem .itemText{margin-bottom:10px}.orderItem .bottomBorder.itemBottomBorder{margin:0;width:50%}.subtitle.timestamp[data-v-d962344c]{font-style:italic;display:block;margin:20px 0}.bg[data-v-7de98158]{z-index:1;position:fixed;width:100%;height:100%;background:rgba(0,0,0,.8);padding:75px 50px;text-align:left}button[data-v-7de98158]{font-size:100%}.statusButton[data-v-7de98158]{padding:30px 0;width:250px;color:#fff;font-weight:600;border-radius:10px;text-align:center;margin-top:30px;margin-right:30px;display:inline-block;font-size:1.2em}.statusButton[data-v-7de98158]:hover{cursor:pointer}.orange[data-v-7de98158]{background:#f57c00}.green[data-v-7de98158]{background:#7cb342}.rood[data-v-7de98158]{background:#d32f2f}.restaurantOrderDetailsWrapper{height:800px;width:100%;min-width:1200px;text-align:left;padding:30px;padding-left:250px}.restaurantOrderDetails{background:#fff;width:100%;height:100%;border-radius:15px;padding:50px}.restaurantOrderDetails a{text-decoration:none}.restaurantOrderDetails button{font-size:100%;margin-right:25px}.restaurantOrderDetails .leftButton{margin-right:5px}.restaurantOrderDetails .rightButton{margin-left:5px}.restaurantOrderDetails .orderInfo{display:flex;margin-top:30px;height:570px}.restaurantOrderDetails .orderInfo .orderSpecs{border-right:1px solid #e0e0e0;width:20%}.restaurantOrderDetails .orderInfo .orderBurgers{border-right:1px solid #e0e0e0;width:30%}.restaurantOrderDetails .orderInfo .orderDrinks{width:25%}.restaurantOrderDetails .orderInfo .orderSides{border-right:1px solid #e0e0e0;width:25%}.restaurantOrderDetails h2{font-weight:500;color:#757575;margin-left:20px}.restaurantOrderDetails h2 .material-icons{font-size:1.5em;vertical-align:top;margin-right:5px}.restaurantOrderDetails .bottomBorder{height:1px;width:85%;margin:auto;background:#e0e0e0}.restaurantOrderDetails .orderTypeItems{overflow-y:scroll;height:522px;padding-left:20px}.restaurantOrderDetails h1{font-weight:600;font-size:3em;margin:0;color:#000}.confirmDeleteItem{width:auto;padding:1em 2.5em;border-radius:1em;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;background:#fff}.restaurantOrderDetails.editOrder button{vertical-align:top}.restaurantOrderDetails.editOrder h1{font-size:2em;display:inline-block;color:#fff;margin-bottom:10px}.restaurantOrderDetails.editOrder{background:none}.restaurantOrderDetails.editOrder .orderItems{display:flex;width:100%;flex-wrap:wrap;margin-top:20px}.restaurantOrderDetails.editOrder .orderItemContainer{padding:25px 30px;background:#fff;margin:0 20px 20px 0;width:400px;border-radius:10px}.restaurantOrderDetails.editOrder h3{margin:0;margin-bottom:20px}.restaurantOrderDetails.editOrder .price{float:right}.restaurantOrderDetails.editOrder .orderItemContainer p{margin:0}.restaurantOrderDetails.editOrder .orderItemContainer button{margin-top:15px}.restaurantOrderDetails.editOrder .container{padding:20px 25px;border-radius:10px;width:500px;margin-top:20px;margin-bottom:40px;background:#fff}.restaurantOrderDetails.editOrder .container select{padding:10px;width:80%;border:1px solid #bdbdbd;font-size:1em;border-radius:5px}.restaurantOrderDetails.editOrder .container .selectTitle{font-weight:600}.restaurantOrderDetails.editOrder .addingButtons{display:inline-block}.restaurantOrderDetails.editOrder form button{margin:0;margin-top:10px}.restaurantOrderDetails.editOrder form .totalPrice{font-weight:600}.restaurantOrderDetails.editOrder input{width:25px;height:25px;vertical-align:middle;margin-right:10px;margin-bottom:10px;position:relative;top:1px}.path-not-found{text-align:center;color:#fff;text-decoration:none}.menu-bar{margin-bottom:.5em}.menu-item{text-align:center;color:#000;font-size:18px;margin-left:.75em;margin-right:.75em;text-decoration:none}.currentpage{text-decoration:underline;text-underline-offset:.5em;font-weight:700}*{box-sizing:border-box}body,html{background:#1b5e20;margin:0;font-size:18px}#app{font-family:Poppins,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000}h1{font-weight:600;font-size:2.2em}button,h1{color:#fff}button{font-family:Poppins,Helvetica,Arial,sans-serif;background-color:#d32f2f;border:none;padding:.55em 1em .6em 1em;border-radius:2em;cursor:pointer;font-weight:500;font-size:100%;box-shadow:0 0 5px 0 rgba(0,0,0,.15)}button.secondary{border:2px solid #d32f2f;background:none;color:#d32f2f;box-shadow:none}button .material-icons{height:none;vertical-align:middle;position:relative;bottom:1px}button p{display:inline-block;padding:0 .3em;margin:0}.material-icons{height:none;vertical-align:middle}.subtitle{margin:0;font-size:.9em;color:#757575}.add-new-ingredient{margin-bottom:.5em;margin-right:520px}.menuitem{line-height:1.8em;border:none;border-bottom:1px solid #e0e0e0;text-align:right;padding-bottom:5px;margin:20px 0}.menuitem-name{float:left}.menuedits{background-color:#fff;padding:1em 2.5em;border-radius:1em;margin-top:30px;margin-left:250px;width:750px}.menuitem .material-icons{font-size:30px;margin:0 10px;cursor:pointer}.menuitem img{height:1.8em;max-width:1.8em;vertical-align:middle;float:left;margin-right:1em;border-radius:20px}.additem input,.edititem input{border:.8px solid grey;border-bottom:2px solid grey;margin-bottom:1em}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{width:40px}.additem,.edititem{width:auto;padding:1em 2.5em;border-radius:1em;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;background:#fff;color:#000}.submit-wait{background-color:#bdbdbd}.backdrop{top:0;left:0;position:fixed;background:rgba(0,0,0,.5);width:100%;height:100%}.menu-bar{margin-top:10px;padding-bottom:30px}.ingredientsHeader{margin-left:260px;margin-bottom:0;font-size:2.5em}.switch{position:relative;vertical-align:middle;display:inline-block;width:2.1em;height:1.2em}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.guestOrders{width:90vw;max-width:600px;margin:0 auto;margin-bottom:150px}.slider:before{position:absolute;content:"";height:1em;width:1em;left:.1em;bottom:.1em;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#0a941c}input:checked+.slider:before{transform:translateX(.9em)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}