.wrapper{flex-grow:0;flex-basis:1440px;display:flex;min-height:100vh;position:relative}.main-container{display:flex;flex-grow:1;height:100vh;background-color:var(--default-main-container-bg-color)}.main-content,.sidebar{scrollbar-width:thin;scrollbar-color:#da9c36 #e7e7e7}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:8px;background-color:#e7e7e7;border:1px solid #cacaca}::-webkit-scrollbar-thumb{border-radius:8px;background-color:#d55959}.navigation{position:relative;flex-shrink:0;background-color:var(--default-navigation-bg-color);height:100vh;display:flex;justify-content:space-between;padding:2rem 0;flex-direction:column}.image-wrapper{width:8.625rem;position:absolute;left:0;display:flex;justify-content:center}.hamburger-img{height:2rem;cursor:pointer;z-index:3}.hamburger-img svg{fill:red}.profile-img{display:none;cursor:pointer;z-index:2}@media screen and (min-width: 1200px){.navigation{display:flex;flex-basis:8.625rem}.navigation-content{display:flex}.profile-img{display:unset}.image-wrapper{position:static}.image-wrapper{width:100%}}.main-content{display:flex;flex-grow:1;overflow-y:auto;flex-direction:column;align-items:center;padding:5rem 0}@media screen and (min-width: 400px){.main-content{padding:5rem 1rem 0}}@media screen and (min-width: 1200px){.main-content{padding:2rem 1rem}}.main-content-profile-variant{row-gap:3rem}@media screen and (min-width: 400px){.main-content-profile-variant{padding:5rem 1rem 1rem}}@media screen and (min-width: 1200px){.main-content-profile-variant{padding:3rem}}.sidebar{flex-shrink:0;background-color:var(--default-sidebar-color);height:100vh;position:relative;overflow-y:auto;display:flex;justify-content:center;z-index:3}.sidebar-full-screen{position:absolute;width:100%;left:0;overflow-x:hidden;padding:0 0 1rem}.sidebar-content{display:none;flex-grow:0;flex-basis:25rem;flex-direction:column;justify-content:space-between;padding:1rem;row-gap:1rem}.sidebar-content div{border-radius:var(--default-radius)}.open-sidebar-content{display:flex}.img-container-shopping-card{bottom:1rem;right:1rem;position:absolute;cursor:pointer;z-index:4}.img-container-shopping-card .inside-img-container{position:relative}.img-container-shopping-card .inside-img-container .order-counter{content:"";position:absolute;height:2rem;width:2rem;border-radius:50%;left:-.5rem;top:-.5rem;display:flex;justify-content:center;align-items:center;background-color:var(--default-postive-button-color);color:#fff;font-weight:700}.img-container-shopping-card .inside-img-container .shoppingcard-img{height:4rem}@media screen and (min-width: 800px){.sidebar-content{flex-grow:unset;flex-basis:50%}}@media screen and (min-width: 1200px){.sidebar{flex-basis:23.6875rem;padding:2rem 1rem;z-index:unset}.sidebar-full-screen{padding:5rem 0}.sidebar-content{display:flex;flex-grow:1}.open-sidebar-content{flex-grow:unset}.img-container-shopping-card{display:none}.shopping-card-img-enforce{display:flex}}@media screen and (min-width: 1200px){.sidebar-small{flex-basis:23.6875rem}.sidebar-big{flex-basis:50%}}.search-header{display:flex;height:10rem;width:100%;justify-content:center;align-items:center;padding:1rem}@media screen and (min-width: 500px){.search-header{justify-content:flex-start;padding:0 3rem}}.input-wrapper{position:relative;flex-basis:90%}.input-wrapper:before{content:"";position:absolute;top:1rem;left:.8rem;background-image:url("data:image/svg+xml,%3csvg%20width='23'%20height='25'%20viewBox='0%200%2023%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1_23)'%3e%3cpath%20d='M22.4892%2021.6162L18.071%2016.748C17.8716%2016.5283%2017.6013%2016.4062%2017.3177%2016.4062H16.5953C17.8184%2014.6826%2018.5452%2012.5146%2018.5452%2010.1562C18.5452%204.5459%2014.4195%200%209.32766%200C4.23586%200%200.110138%204.5459%200.110138%2010.1562C0.110138%2015.7666%204.23586%2020.3125%209.32766%2020.3125C11.4681%2020.3125%2013.4357%2019.5117%2015%2018.1641V18.96C15%2019.2725%2015.1108%2019.5703%2015.3102%2019.79L19.7284%2024.6582C20.145%2025.1172%2020.8185%2025.1172%2021.2307%2024.6582L22.4848%2023.2764C22.9013%2022.8174%2022.9013%2022.0752%2022.4892%2021.6162ZM9.32766%2016.4062C6.19459%2016.4062%203.65534%2013.6133%203.65534%2010.1562C3.65534%206.7041%206.19016%203.90625%209.32766%203.90625C12.4607%203.90625%2015%206.69922%2015%2010.1562C15%2013.6084%2012.4652%2016.4062%209.32766%2016.4062Z'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1_23'%3e%3crect%20x='0.110138'%20width='22.6893'%20height='25'%20rx='6'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;height:1.7rem;width:1.7rem}.search-input{width:100%;flex-shrink:1;font-size:1rem;border-radius:var(--default-radius);padding:1rem .7rem 1rem 2.5rem;border:none}@media screen and (min-width: 800px){.input-wrapper:before{top:1.5rem;left:2rem}.search-input{padding:1.5rem 1rem 1.5rem 3.5em;font-size:1.5rem}}.card-overview{width:100%;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem}.card{display:flex;flex-basis:14rem;flex-grow:1;flex-direction:column;justify-content:flex-start;height:14rem;border-radius:var(--default-radius);max-width:19rem;overflow:hidden;position:relative}.card img{flex-grow:1;width:100%;height:70%;object-fit:cover}.card .add-button{position:absolute;top:1rem;right:1rem;height:3.5rem;width:3.5rem;cursor:pointer}.card figcaption{background-color:#37323e;display:flex;justify-content:space-between;font-size:.7rem;color:#fff;padding:.2rem .5rem;font-weight:lighter}.menu-details{display:flex;flex-direction:column;gap:.5rem}.menu-details .description{font-style:italic}.add-button{position:absolute;top:1rem;right:1rem;height:3.5rem;width:3.5rem;cursor:pointer}.add-button-add-menu{top:0;left:100%;margin-left:1rem}.order-overview{display:flex;flex-direction:column;flex-grow:1;background-color:#d2d7df;overflow-y:auto;padding:1rem;row-gap:1rem}.order-item{display:flex;background-color:#37323e99;padding:1rem;border-radius:.3rem;color:#fff}.order-item p{flex-grow:1}.menu-title{flex-grow:4;padding-left:1rem}.remove-button{width:2.4rem;cursor:pointer}.remove-button-add-menu{position:absolute;top:5rem;left:100%;margin-left:1rem;height:3.5rem;width:3.5rem}.extra-details{display:flex;flex-direction:column;color:#fff;padding:1rem;flex-basis:13rem;justify-content:space-between}.extra-details h1{font-size:1.7rem;display:flex;column-gap:.5rem}.extra-details input{padding:.6rem 1rem}.extra-details p{display:flex;padding:1rem 0;align-items:center;column-gap:1rem}.extra-details p img{width:2rem}.extra-details .error{line-height:0}.table-and-order{display:flex;flex-direction:column;row-gap:.2rem}.input-table{border-radius:.3rem}.valid{border:3px solid #8de78d;background-color:#8de78d80;color:#fff}.receipt-overview{flex-basis:14rem;flex-shrink:0;padding:1rem;background-color:#d0d5dd}.text-line-text{display:flex;flex-direction:column;padding:.7rem 0}.text-line-text .text{display:flex;justify-content:space-between;padding:.3rem 0}.text-line-text hr{color:#fff}.button{display:flex;background-color:unset;outline:none;border:none;border-radius:.3rem;width:100%;padding:1rem;cursor:pointer;font-size:1rem}.button:focus{border:2px solid blue}.points-btn{justify-content:space-between;color:#fff;text-transform:capitalize;background-color:#778f6b;align-items:center;padding-right:2rem}.points-btn .coin-box{display:flex;align-items:center;column-gap:.5rem}.points-btn .coin-box img{width:1.5rem}.confirm-order{color:#fff;text-transform:capitalize;background-color:#778f6b;justify-content:center}.upload-image{color:#fff;text-transform:capitalize;background-color:var(---default-positive-button-color-2);justify-content:center;width:60%}.order-staff-button{text-transform:capitalize;color:#fff;background-color:#778f6b;font-size:.7rem;justify-content:center;align-items:center;padding:.4rem .5rem}.input-chart-button{text-transform:uppercase;color:#fff;background-color:var(--default-navigation-bg-color);font-size:1rem;justify-content:center;align-items:center;font-weight:700;text-space:1rem;padding:.8rem 1rem;flex-basis:30rem;max-width:20rem}.sidebar-toggle-button{position:absolute;cursor:pointer;z-index:4}.sidebar-toggle-button .inside-img-container{position:relative}.sidebar-toggle-button .absolute-element{content:"";position:absolute;height:2rem;width:2rem;border-radius:50%;left:-.5rem;top:-.5rem;display:flex;justify-content:center;align-items:center;background-color:var(--default-postive-button-color);color:#fff;font-weight:700}.sidebar-toggle-button .img{height:4rem}@media screen and (min-width: 1200px){.sidebar-toggle-button{display:none}.img-enforce{display:flex}}.menu-page-variant{bottom:1rem;right:1rem}.profile-variant{top:1rem;right:1rem}.orders-overview{display:flex;flex-wrap:wrap;column-gap:1rem;row-gap:1rem;justify-content:center;width:100%}.order-card{display:flex;flex-direction:column;background:#d0d5dd;border-radius:var(--default-radius);flex-basis:15rem}.order-extra-details{display:flex;flex-direction:column;flex-basis:5rem;background-color:#768e6a;justify-content:space-between;color:#fff;padding:.5rem}.order-extra-details .extra-details-row{display:flex;justify-content:space-between}.order-meals-list{display:flex;flex-direction:column;flex-basis:10rem;overflow-y:auto}.order-meal-item{display:flex;flex-direction:column;padding:1rem;justify-content:center;font-size:.8rem}.order-meal-item hr{color:#fff}.order-meal-item .box{display:flex;column-gap:1rem;align-items:center;padding-bottom:.3rem}.qty-circle{padding:1rem;width:1rem;height:1rem;border-radius:50%;background-color:#dc9d36;display:flex;align-items:center;justify-content:center}.qty-circle-profile{background-color:var(--default-postive-button-color)}.order-staff-buttons{display:flex;justify-content:space-between;column-gap:1rem;padding:0 1rem 1rem}.bar-chart-section{display:flex;flex-grow:1;min-height:45%;width:100%;border-radius:var(--default-radius);overflow:hidden}.bar-chart-section .recharts-responsive-container{display:flex;justify-content:center;align-items:center;background-color:var(--default-grey-color)}.input-chart-section{display:flex;column-gap:1rem;row-gap:1rem;padding:1rem;width:100%;background-color:var(--default-sidebar-color);border-radius:var(--default-radius);flex-wrap:wrap;justify-content:center}.input-chart-section .box{flex-basis:20rem;min-height:18rem;flex-grow:1;padding:2rem;background-color:var(--default-grey-color);display:flex;flex-direction:column;border-radius:var(--default-radius);row-gap:.5rem}.input-chart-section input{height:1.5rem;width:1.5rem}.input-chart-section .select-label-group{display:flex;column-gap:1rem}.timeline{row-gap:1rem;justify-content:center}.button-radio-group{display:flex;column-gap:1rem;width:100%;justify-content:center;align-items:center}.custom-radio-btn{width:2rem;height:2rem;object-fit:contain}.profile-details{display:flex;flex-direction:column}.profile-details img{width:20rem;align-self:center}@media screen and (min-width: 1200px){.profile-details img{width:100%}}.non-active-form{display:flex;flex-direction:column;width:75%;align-self:center}@media screen and (min-width: 1200px){.non-active-form{width:100%}}.form-group-login-register-variant{flex-wrap:wrap}.form-group-login-register-variant label{padding:1rem;flex-basis:10rem}.form-group-profile-variant{flex-direction:column}.form-group-profile-variant label{padding:.7rem 0;color:#fff;font-size:1.7rem;flex-shrink:0}.form-group-profile-variant input:disabled{background-color:#d9d9d9}.form-group-add-menu-variant{flex-direction:column;row-gap:1rem}.form-group-add-menu-variant input{border:none}@media screen and (min-width: 1200px){.form-group-profile-variant label{flex-basis:100%}}.form-group{display:flex;padding:1rem 0}.form-group input{padding:1rem}.form-group input{flex-grow:1;border-radius:var(--default-radius)}.form-group .asterisk{position:relative}.form-group .asterisk:after{position:absolute;content:"*";top:0;right:0;color:red}.main-content-section{display:flex;justify-content:center;align-items:center;flex-basis:50%;background-color:#d9d9d9;width:100%;border-radius:var(--default-radius);padding:1.5rem;overflow:hidden;overflow-y:auto}.large-coin-icon{flex-basis:15rem}.header-profile-coins{flex-basis:50%;font-size:4rem}.user-order-overview{display:flex;background-color:var(--default-sidebar-color);flex-grow:1;height:100%;border-radius:var(--default-radius);padding:1rem;overflow-y:auto;flex-direction:column;row-gap:1rem}.user-order-overview h1{color:#fff}.put-in-middle{justify-content:center;align-items:center}.user-order-overview-box{display:flex;background-color:var(--default-navigation-bg-color);flex-basis:7rem;border-radius:var(--default-radius);padding:1rem}.inner-order-box{flex-grow:1;display:flex;column-gap:1rem}.order-box-menu-details{display:flex;flex-direction:column;row-gap:1rem}.inner-box-menu-details{display:flex;align-items:center;column-gap:.6rem}.-menu-item-complete{display:flex;justify-content:space-between;column-gap:1rem;flex-direction:column;row-gap:1rem}.-menu-item-complete .img-container,.-menu-item-complete figcaption{border-radius:var(--default-radius)}.-menu-item-complete img{height:100%;width:100%}.-menu-item-complete .description{font-style:italic}.-menu-item-complete figcaption{padding:1rem;background-color:var(--default-grey-color);overflow:hidden;overflow-y:auto}.-menu-item-complete figcaption ul{padding:0 1rem}.-menu-item-complete figcaption li{list-style:initial}.-menu-item-complete figcaption .text-group{display:flex;justify-content:space-between}@media screen and (min-width: 1200px){.-menu-item-complete{flex-direction:row}.-menu-item-complete .img-container{flex-basis:50%}.-menu-item-complete .img-container,.-menu-item-complete figcaption{height:10rem}.-menu-item-complete img{width:100%;height:100%;object-fit:cover}.-menu-item-complete figcaption{flex-grow:1}}.add-menu-form{display:flex;flex-direction:column;flex-grow:1;width:65%;justify-content:center}.add-menu-form label{font-size:1.3rem;text-transform:Capitalize}.add-menu-form button{font-size:1rem}.add-menu-form .img-container{width:100%;height:10rem;border-radius:var(--default-radius);border:1px solid}.add-menu-form .img-container img{width:100%;height:100%;object-fit:cover}.form-group-file-button{display:flex;padding:1rem 0;flex-direction:column;row-gap:1rem}.form-group-file-button label{pointer-events:none}.form-group-file-button .asterisk{position:relative}.form-group-file-button .asterisk:after{position:absolute;content:"*";top:0;right:0;color:red}.form-group-file-button input[type=file]{display:none}.form-group-submit{display:flex;padding:1rem 0}.form-group-submit-login{justify-content:center}.form-group-submit-add-menu{width:100%}.submit-button{padding:var(--default-padding-buttom);cursor:pointer}.submit-button:focus{border:2px solid blue}.submit-button-login{align-self:center}.submit-button-add-menu{background-color:var(---default-positive-button-color-2);border:none;outline:none;color:#fff;border-radius:var(--default-radius);flex-grow:1;padding:1rem}.form-group-array{display:flex;padding:1rem 0;position:relative}.form-group-array input{padding:1rem}.form-group-array input{flex-grow:1;border-radius:var(--default-radius)}.form-group-array .asterisk{position:relative}.form-group-array .asterisk:after{position:absolute;content:"*";top:0;right:0;color:red}.error-message-field{height:1rem}.input-group{display:flex;flex-direction:column;background-color:var(--default-main-container-bg-color-darker);flex-basis:15rem;border-radius:var(--default-radius);padding:1rem;overflow-y:auto;row-gap:.5rem}.input-group input{width:100%}.overlay{position:absolute;display:flex;height:100%;width:100%;left:0;background-color:var(--default-sidebar-color);z-index:2}.overlay ul{display:flex;width:100%;flex-direction:column;justify-content:space-evenly;align-items:center}.overlay ul a,.overlay ul a:visited{text-decoration:none;color:#fff;font-weight:700;font-size:1.5rem}.default-menu-link{border:none}.active-menu-link{border-bottom:2px solid white}.form-container{border-radius:var(--default-radius);background-color:var(--register-login-bg-color);padding:0 1rem}legend{font-size:2rem;font-weight:700}.default-form{display:flex;flex-direction:column;min-width:50%}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;list-style-type:none;text-decoration:none}.error-message-start,.error-message{height:1rem}.error-message-center{text-align:center}input,textarea,select{outline:none;border:1px solid}#root{display:flex;min-height:100vh;justify-content:center}:root{--default-radius: .3rem;--default-padding-buttom: .7rem 3rem;--default-postive-button-color: #7db149;---default-positive-button-color-2: #778F6B;--default-sidebar-color: #37323e;--default-main-container-bg-color: #dcb740;--default-main-container-bg-color-darker: #ad8f32;--default-navigation-bg-color: #dc9d36;--default-padding-box: 1.5rem;--default-grey-color: #D9D9D9;--register-login-bg-color: #f9f9f9;--regist-login-border-color: #3498db}@media screen and (min-width: 300px){html{font-size:clamp(12px,4vw,16px)}}