body,html{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Tajwaal","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{font-family:"Tajawal",serif;font-size:1.05em}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{height:100%}button{border:none;border-radius:5px;box-shadow:0 2px 2px 2px rgba(0,0,0,.2);transition:.2s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none;word-wrap:none}button:hover{box-shadow:0 4px 8px 6px rgba(0,0,0,.2)}button:active{box-shadow:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.sidebar{position:fixed;height:calc(100% - 56px);top:56px;margin:0;width:0;display:flex;flex-direction:column;background-color:#fff4db;transition:.3s ease-in-out;grid-area:sidebar;overflow:hidden;border-color:grey;z-index:2;white-space:nowrap;text-overflow:ellipsis}.sidebar.active{width:250px;box-shadow:2px 2px 2px 1px rgba(0,0,0,.2)}.logout-button-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;flex-grow:1}.logout-button{width:50%;background-color:#114b0b;color:#fff;padding:8px;margin-block:16px}.link{text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:#0f0e0e;text-align:center;margin-inline:4px;margin-block:8px;font-weight:600;cursor:pointer;transition:.3s;padding:16px;overflow:hidden;font-size:1.2em}.link:hover{-webkit-transform:scale(.9);transform:scale(.9);border-radius:15px;background-color:#fff}.userinfo{overflow:hidden;height:30%;width:100%;padding:16px;display:flex;flex-direction:column;justify-content:space-around;background-color:#ffbf00;-webkit-user-select:none;-ms-user-select:none;user-select:none}.userinfo span{font-size:20px;text-overflow:ellipsis}.add-dish-container{display:flex;flex-direction:column;width:100%;margin-block:16px}.add-dish-container #images-container{flex-direction:row-reverse}.add-category-picker-container{justify-content:space-evenly;margin:auto;margin-block:26px}.add-category-ids{background-color:#ddd;margin-block:8px}.add-dish-details{width:100%}.add-dish-details-section{display:flex;justify-content:space-evenly}#add-dish-fab{position:fixed;right:20px;bottom:60px;color:#fff;background-color:#fa990e}.image-picker-container{height:250px;width:250px;display:flex;flex-direction:column;background-color:#eee;border-radius:10px;padding:8px}@media screen and (max-width:400px){.image-picker-container{margin-bottom:16px}}.picker-image{height:80%;text-align:center}.picker-image img{width:100%;max-height:100%}.picker-actions{height:20%;align-items:center}.images-picker,.picker-actions{display:flex;justify-content:space-evenly}.images-picker{flex-flow:wrap;margin-block:24px;direction:rtl}@media screen and (max-width:400px){.images-picker{margin-bottom:16px}}.add-category-picker-container{display:flex;flex-direction:column}.add-category-picker-container #add-category-btn{margin:auto auto 16px}.add-category-picker-container .add-selected-categories{display:flex;justify-content:space-evenly;align-items:stretch;flex-flow:wrap;margin:auto;width:50%}.add-category-picker-container .add-selected-categories .category-chips{margin-block:8px;padding-inline:5px;font-size:medium;color:#114b0b;font-weight:600}.add-categories-list-container{padding:16px}.add-categories-list-container h2{text-align:center;color:#114b0b;font-weight:600}.add-category-list{list-style:none;display:flex;flex-flow:wrap;justify-content:space-evenly}.add-category-list li{color:#114b0b;padding-top:5px;margin:10px;height:50px;width:40%;text-align:center;direction:rtl;transition:all .3s ease-out}.add-category-list li:hover{cursor:pointer;-webkit-transform:scale(.9);transform:scale(.9);background-color:#fa990e}.add-category-list .selected{background-color:#fa990e}#select-category-cancel-btn{margin:auto;margin-block:16px}.category-priorty-btn{margin-inline:10px!important;color:#fff!important}.category-priorty-btn.close{background-color:#fa990e}.category-priorty-btn.close:hover,.category-priorty-btn.edit:hover{color:#000!important}.category-priorty-btn.edit{background-color:#5b8d27}.category-card{height:300px;width:250px;display:flex;margin-block:14px;margin-inline:8px;padding-bottom:8px;text-align:center;flex-direction:column;box-shadow:0 3px 4px 2px rgba(0,0,0,.2);border-radius:8px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.category-image{height:150px}.category-image img{width:100%;height:150px;border-radius:8px 8px 0 0}.category-text{display:flex;padding:8px 16px 4px;flex-direction:column;align-items:flex-end;height:100px}.category-title{font-size:20px;font-weight:700;color:#114b0b}.category-action-btns{display:flex;justify-content:space-evenly;height:50px}.category-btn{height:40px;width:40px}.dish-count,.priority{font-size:20px}.router-link{color:rgba(0,0,0,.8);text-decoration:none}.category-page{display:flex;width:100%;margin:8px;align-items:baseline;flex-flow:wrap;justify-content:space-evenly}.loader-wrapper{height:calc(100vh - 56px);display:flex;flex-direction:column;justify-content:center;align-items:center}.dish-card{width:300px;height:400px;margin:8px;text-align:right;direction:rtl}.dish-image{width:100%;height:40%}.dish-title{height:20%;font-size:24px;color:#114b0b;font-weight:700}.dish-subtitle{height:20%;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dish-actions button{margin-inline:8px}.edit-dish-dialog-action-btn{margin-block:24px;display:flex;justify-content:space-evenly}.edit-dish-dialog-container{margin-block:16px;text-align:right;direction:rtl}.edit-dish-dialog{direction:rtl}.form-row{display:flex;justify-content:space-evenly;margin-block:16px;flex-flow:wrap}.edit-dish-field{width:40%!important}@media screen and (max-width:400px){.edit-dish-field{width:80%!important;margin-bottom:16px!important}}.single-category-page{display:flex;justify-content:center;margin-block:14px}.single-category-container{display:flex;flex-flow:wrap;justify-content:space-evenly;width:100%;margin-bottom:50px}.pagination-container{background-color:#eee;padding:0 4px 4px;border-radius:15px;position:fixed;bottom:16px}.dishes-container,.dishes-page{display:flex;flex-flow:wrap;justify-content:center}.dishes-container{margin-top:8px;margin-bottom:60px}#dishes-pagination{background-color:#eee;padding:0 4px 4px;border-radius:15px;position:fixed;bottom:16px;z-index:1;margin-inline:4px}.d-icon-btn{box-shadow:none}.one-dish-details{width:85%;margin:auto;min-height:200px;margin-block:15px;text-align:right;direction:rtl}#one-dish-image,.one-dish-details{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#one-dish-image{width:50%}#one-dish-name{color:#114b0b}#one-dish-subtitle{font-size:18px}.one-dish-description{margin:auto;width:75%;text-align:right;direction:rtl}.one-dish-description h2{font-weight:600;margin-block:16px;color:#114b0b}.one-dish-description img{width:80%}@media (max-width:500px){.one-dish-description img{width:100%}}.appbar{position:fixed;top:0;width:100%;display:flex;height:56px;background-color:#ffbf00;justify-content:stretch;box-shadow:2px 2px 2px 1px rgba(0,0,0,.2);z-index:2}#app-bar-drawer{box-shadow:none}.icon{margin-left:16px}.icon,.title{display:flex;flex-direction:column;justify-content:center}.title{margin-right:40px;flex-grow:1;color:#114b0b}.title span{text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-size:1.2em;font-weight:700}.layout{flex-direction:column;height:100%}.dashboard,.layout{display:flex}.main{position:relative;top:56px;width:100%;margin-inline:16px}.container{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.google-button{width:50%;padding:8px;border:none;border-radius:5px;box-shadow:0 2px 2px 2px rgba(0,0,0,.2);background-color:#fff!important;transition:.2s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none;word-wrap:none}.google-button:hover{box-shadow:0 4px 8px 6px rgba(0,0,0,.2)}.google-button:active{box-shadow:none}.auth-box{width:50%;height:40%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;background-color:#fa990e;border-radius:15px}.auth-box span{color:#114b0b;font-size:1.2em;font-weight:700;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:400px){.auth-box{width:250px;height:200px}.google-button{width:auto}}.dash-page{margin-block:16px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:500px}@media (max-height:600px){.dash-page{height:400px}}.dish-page h1{margin-inline:8px;color:#114b0b}.dash-items{display:flex;justify-content:space-evenly;flex-flow:wrap}.dash-item{margin:8px;text-align:center;width:250px;transition:.3s;cursor:pointer;font-size:24px;font-weight:700}.dash-item:hover{-webkit-transform:scale(.9);transform:scale(.9)}
/*# sourceMappingURL=main.d0121ef9.chunk.css.map */