@import"https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.loader{align-items:center;display:flex;flex-direction:row!important;gap:40px;min-height:30vh;justify-content:center;position:relative;width:100%;z-index:99}.loader__element{animation:loader 2s infinite ease-in-out;animation-fill-mode:both;background-color:#242423;border-radius:100%;opacity:1;z-index:99;height:40px;width:40px}@media screen and (min-width: 768px){.loader__element{height:20px;width:20px}}.loader__element--1{animation-delay:.2s}.loader__element--2{animation-delay:.4s}.loader__element--3{animation-delay:.6s}@keyframes loader{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1)}to{transform:scale(.3);opacity:0}}.logo{text-align:center}.logo__title{font-size:2.5rem}.logo__subtitle{line-height:0px;font-size:1.3rem;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;gap:2px}.logo__subtitle:before,.logo__subtitle:after{content:"";flex:1;height:2px;background-color:#242423;max-width:30px}.auth{display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:100vh;padding:50px 0}.auth__form-container{display:flex;flex-direction:column;gap:15px;width:100%}.auth__form-container .input{min-width:300px}.auth__form-container .link{font-style:italic}.field-label{font-size:.8rem;color:#242423;font-weight:700;position:relative;top:.5rem;margin:0 0 0 7px;padding:0 3px;background:#fff;width:fit-content;z-index:2}.field-container{display:flex;flex-direction:column;position:static;max-width:300px;min-width:250px}.input__container{position:relative;z-index:1}.input-password--toggle{position:absolute;right:10px;top:10px;cursor:pointer;font-size:1.2rem;color:#807e7e;transition:color .2s ease}.checkbox{margin:10px 0}.field{padding:11px 10px;border:2px #242423 solid;border-radius:5px;background:#fff;width:100%}.field:focus{outline:none}.form{display:flex;flex-direction:column;align-items:center;gap:0px;padding-bottom:10px}.form__section-title{display:flex;flex-direction:column;padding:40px}.form__content{display:flex;flex-direction:column;gap:10px}.form__btn{margin:10px auto 0;display:flex;justify-content:center;align-items:center;padding:10px 15px;gap:15px;background-color:transparent;color:#333533;outline:3px #333533 solid;outline-offset:-3px;border-radius:50px;border:none;cursor:pointer;font-size:1rem;transition:.4s;font-weight:700}.form__btn:hover{background-color:#333533;color:#fff}.form__btn--validation{display:flex;justify-content:center;align-items:center;padding:10px 15px;gap:15px;background-color:transparent;color:#333533;outline:3px #333533 solid;outline-offset:-3px;border-radius:50px;border:none;cursor:pointer;font-size:1rem;transition:.4s;font-weight:700;color:#326d32;outline:3px #326d32 solid}.form__btn--validation:hover{background-color:#333533;color:#fff}.form__btn--validation:hover{background-color:#326d32;outline:3px #326d32 solid}.form__text--error{padding:10px 0 15px}.form__field--error{border-color:#970d0d!important}.form--error{margin:auto;width:fit-content}.footer{background-color:#fff;border-top:1px solid #242423;color:#242423;padding:10px 20px;display:flex;flex-direction:column;gap:25px}.footer__text{font-size:.8rem}.footer__text{text-align:center}.btn{display:flex;justify-content:center;align-items:center;padding:10px 15px;gap:15px;background-color:transparent;color:#333533;outline:3px #333533 solid;outline-offset:-3px;border-radius:50px;border:none;cursor:pointer;font-size:1rem;transition:.4s;font-weight:700}.btn:hover{background-color:#333533;color:#fff}.btn--validation{display:flex;justify-content:center;align-items:center;padding:10px 15px;gap:15px;background-color:transparent;color:#333533;outline:3px #333533 solid;outline-offset:-3px;border-radius:50px;border:none;cursor:pointer;font-size:1rem;transition:.4s;font-weight:700;color:#326d32;outline:3px #326d32 solid}.btn--validation:hover{background-color:#333533;color:#fff}.btn--validation:hover{background-color:#326d32;outline:3px #326d32 solid}.btn--error{display:flex;justify-content:center;align-items:center;padding:10px 15px;gap:15px;background-color:transparent;color:#333533;outline:3px #333533 solid;outline-offset:-3px;border-radius:50px;border:none;cursor:pointer;font-size:1rem;transition:.4s;font-weight:700;color:#970d0d;outline:3px #970d0d solid}.btn--error:hover{background-color:#333533;color:#fff}.btn--error:hover{background-color:#970d0d;outline:3px #970d0d solid}.documentations__btn{display:flex;justify-content:center;align-items:center;padding:10px 15px;gap:15px;background-color:transparent;color:#333533;outline:3px #333533 solid;outline-offset:-3px;border-radius:50px;border:none;cursor:pointer;font-size:1rem;transition:.4s;font-weight:700}.documentations__btn:hover{background-color:#333533;color:#fff}.business-infos__list{display:flex;flex-direction:column;gap:10px;padding:10px}.business-infos__list-item{font-size:.8rem}.business-infos__subtitle{font-size:1.3rem}.business-infos__btn{margin:10px auto 0;display:flex;justify-content:center;align-items:center;padding:10px 15px;gap:15px;background-color:transparent;color:#333533;outline:3px #333533 solid;outline-offset:-3px;border-radius:50px;border:none;cursor:pointer;font-size:1rem;transition:.4s;font-weight:700;color:#326d32;outline:3px #326d32 solid}.business-infos__btn:hover{background-color:#333533;color:#fff}.business-infos__btn:hover{background-color:#326d32;outline:3px #326d32 solid}.update-user{display:flex;flex-direction:column;gap:15px}.update-user .form__section-title{padding:5px;gap:5px}.update-user .form__title{text-decoration:underline}.settings{display:flex;flex-direction:column;justify-content:center;gap:20px}.menu__item-link{color:#242423}.menu__item-link button{font-weight:700;letter-spacing:.1rem;font-size:1rem}.menu__burger{background:transparent;cursor:pointer;height:30px;margin-left:auto;width:40px}.menu__burger input{display:none}.menu__burger input:checked~span:nth-of-type(1){transform:rotate(45deg);top:0;left:5px}.menu__burger input:checked~span:nth-of-type(2){width:0%;opacity:0}.menu__burger input:checked~span:nth-of-type(3){transform:rotate(-45deg);top:28px;left:5px}.menu__burger span{background-color:#f6a230;border-radius:10px;display:block;height:3px;margin:6px 0;transform:rotate(0);transition:.25s ease-in-out;width:25px}.menu__burger span:nth-of-type(1){top:0;transform-origin:left center}.menu__burger span:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:left center}.menu__burger span:nth-of-type(3){top:100%;transform-origin:left center;transform:translateY(-100%)}.menu--responsive{background-color:#fff;border-radius:0;box-shadow:0 5px 5px #0003;height:fit-content;padding-bottom:10px;position:absolute;right:0;top:80px;transform-origin:top;transform:scaleY(0);transition:transform .3s ease;width:100%;z-index:97}.menu--responsive .menu__list{align-items:center;display:flex;flex-direction:column;gap:1.7rem;margin-top:0;padding:10px}.menu--open{transform:scaleY(1)}.menu--closed{transform:scaleY(0)}@media screen and (min-width: 1024px){.menu{display:flex;margin-left:auto}.menu__list{align-items:center;display:flex;gap:2rem}.menu__item-link{position:relative}.menu__item-link:after{background-color:#242423;content:"";bottom:0;height:2px;left:3px;opacity:0;position:absolute;right:0;top:100%;transform:scale(0);transform-origin:left;transition:transform .2s ease-in;width:60%}.menu__item-link:hover:after{opacity:1;transform:scale(1)}.menu__burger{display:none}}.header{align-items:center;background-color:#fff;display:flex;height:80px;justify-content:space-between;padding:0 10px 10px;position:sticky;z-index:990;top:-5px;box-shadow:0 -6px 10px 5px #00000080}.header__logo{color:#242423}@media screen and (min-width: 768px){.header{padding:20px}}.scroll-up{right:0vw;position:fixed;bottom:0vh;z-index:99;padding:10px 5px;background-color:#242423;border-radius:5px 0 0}.scroll-up svg{fill:#fff}@media screen and (min-width: 425px){.scroll-up{margin-left:94vw}}.page-template{display:flex;flex-direction:column;min-height:100vh}.page-template__user-role{font-size:.75rem;text-align:right;padding:10px 20px}.page-template .burger-icon{position:fixed;font-size:10rem;z-index:-1;color:#0000001a}.page-template .burger-icon--1{bottom:10px;right:10px;transform:rotate(0)}.page-template .burger-icon--2{position:fixed;height:100px;z-index:-1;bottom:20px;right:10px}.page-template__refresh-btn{display:flex;justify-content:center;align-items:center;padding:10px 15px;gap:15px;background-color:transparent;color:#333533;outline:3px #333533 solid;outline-offset:-3px;border-radius:50px;border:none;cursor:pointer;font-size:1rem;transition:.4s;font-weight:700;color:#326d32;outline:3px #326d32 solid;width:fit-content;align-self:flex-end;margin-right:20px}.page-template__refresh-btn:hover{background-color:#333533;color:#fff}.page-template__refresh-btn:hover{background-color:#326d32;outline:3px #326d32 solid}.business-page-template{display:flex;flex-direction:column;gap:20px}.business-page-template__header{display:flex;flex-direction:column}.business-page-template__title{display:flex;font-size:1.8rem}.business-page-template__infos{color:#00000080}.business-page-template__selectors{display:flex;gap:1rem;overflow-x:auto;padding:20px 0 10px;scroll-behavior:smooth;max-width:100%}.business-page-template__selectors .btn{min-width:150px}.business-page-template__selectors::-webkit-scrollbar{height:6px}.business-page-template__selectors::-webkit-scrollbar-thumb{background-color:#0003;border-radius:10px}@media screen and (min-width: 768px){.business-page-template__header{align-items:center}}.recipe-stock-alert{display:flex;flex-direction:column;align-items:center;width:fit-content;margin:auto;gap:25px}.recipe-stock-alert__recipes{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0 20px}.recipe-stock-alert__recipe{display:flex;border:2px solid #970d0d;border-radius:5px;width:fit-content;overflow:hidden}.recipe-stock-alert__recipe-title,.recipe-stock-alert__recipe-stock{padding:5px 10px}.recipe-stock-alert__recipe-title{background-color:#970d0d;color:#fff}.recipe-stock-alert__recipe-stock{background-color:#fff}.fab{border-radius:100px 0 0 100px;padding:10px;width:50px;height:45px;position:fixed;bottom:10vh;right:-3px;z-index:99;background-color:#fff}.fab svg{fill:#326d32}.fab:hover svg{fill:#fff}.search{display:inline-flex;align-items:center;gap:10px;position:relative}.search__label{white-space:nowrap}.search__input{height:30px;padding:5px}.search__clear-btn{background-color:transparent;border:none;position:absolute;right:5px}.table-filter{display:flex;align-self:flex-end;background-color:#fff;padding:0 15px 10px 0}.table-filter__toggle{background-color:transparent;border:none;display:flex;gap:2px;align-items:center}.table{position:relative}.table .rdt_TableCell div:first-child,.table .rdt_TableCol div:first-child{overflow-x:auto;text-overflow:unset;scrollbar-width:thin}.table__btn{font-size:.8rem;display:flex;justify-content:center;align-items:center;padding:10px 15px;gap:15px;background-color:transparent;color:#333533;outline:3px #333533 solid;outline-offset:-3px;border-radius:50px;border:none;cursor:pointer;font-size:1rem;transition:.4s;font-weight:700}.table__btn:hover{background-color:#333533;color:#fff}.card{display:flex;flex-direction:column;gap:15px;position:relative;padding:1.5rem 1.5rem 2.5rem;background-color:#fff;border:2px solid #242423;border-radius:10px;box-shadow:0 4px 10px #0000001a;transition:transform .2s ease;overflow:hidden}.card__title{margin:0;font-size:1.3rem}.card__description{margin-top:20px}.card__btn{position:absolute;bottom:0;right:0;background-color:#242423;color:#fff;padding:10px;border-radius:10px 0 0}@media screen and (min-width: 500px){.card{min-height:160px}}.generic-items-page-template__title{font-size:1.8rem}.generic-items-page-template__infos{line-height:1.8rem;font-size:.8rem}.generic-items-page-template__btn{max-width:300px;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:10px 15px;gap:15px;background-color:transparent;color:#333533;outline:3px #333533 solid;outline-offset:-3px;border-radius:50px;border:none;cursor:pointer;font-size:1rem;transition:.4s;font-weight:700;color:#326d32;outline:3px #326d32 solid}.generic-items-page-template__btn:hover{background-color:#333533;color:#fff}.generic-items-page-template__btn:hover{background-color:#326d32;outline:3px #326d32 solid}.generic-items-page-template__extra-container-buttons .btn{width:fit-content;margin:0 auto}.generic-items-page-template__extra-container,.generic-items-page-template__extra-container-buttons{display:flex;flex-direction:column;align-self:center}.generic-items-page-template__extra-container-show{display:flex;flex-direction:column;gap:5px;align-self:center;margin-top:10px}.generic-items-page-template__extra-container-show .btn{width:fit-content;margin:auto}.generic-items-page-template__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;padding:2rem}.generic-items-page-template__no-data-msg{text-align:center}@media screen and (min-width: 425px){.generic-items-page-template__title,.generic-items-page-template__infos{text-align:center}}@media screen and (min-width: 500px){.generic-items-page-template__extra-container-buttons{flex-direction:row;gap:1rem;overflow-x:auto;scroll-behavior:smooth;max-width:100%}.generic-items-page-template__extra-container-buttons .btn{white-space:nowrap}.generic-items-page-template__extra-container-buttons::-webkit-scrollbar{height:6px}.generic-items-page-template__extra-container-buttons::-webkit-scrollbar-thumb{background-color:#0003;border-radius:10px}}.month__selector{width:fit-content!important}.filter-reset-button{height:fit-content;align-self:center;margin-top:20px}.filters{width:fit-content;margin:auto;display:flex}.filters__container{display:flex;flex-direction:column}@media screen and (min-width: 1300px){.filters__container{flex-direction:row;gap:15px}}.monthly-store-recap-months-charts,.monthly-store-recap-months-charts__container{display:flex;flex-direction:column;background-color:#fff;gap:10px;align-items:center}@media screen and (min-width: 500px){.monthly-store-recap-months-charts__container{flex-direction:row;justify-content:center;gap:25px;padding:0 50px}}.monthly-store-recap-months-charts__btn{justify-self:center;margin:5px}.monthly-store-recap-months-charts__text{text-align:center}.monthly-store-recap-months-charts__card{display:flex;flex-direction:column;align-items:center;gap:10px}.monthly-store-recap-months-charts__card-month{font-size:1.3rem;min-width:max-content}.monthly-store-recap-charts{width:90vw}.deliveries{display:flex;gap:16px;overflow:scroll}.deliveries__status-container{display:flex;flex-direction:column;gap:20px;flex:1;border:1px solid #ccc;border-radius:8px;padding:8px}.deliveries__status-container--no-data{white-space:nowrap}.deliveries__status-container .card{display:inline-flex;flex-direction:row;min-height:fit-content;width:fit-content;padding:0}.deliveries__status-container .card__btn{position:relative;border-radius:0}.deliveries__card-vehicle,.deliveries__card-title{padding:10px;white-space:nowrap}.deliveries__card-title{border-right:2px solid #333533}.sg-library__modal-dialog{max-height:90vh!important;overflow:auto!important;padding:15px!important;width:fit-content}.sg-library__modal-children{padding:5px}.mui-alert{width:fit-content;align-self:center}button{background-color:transparent;border:none;cursor:pointer;display:inline-block;text-decoration:none;vertical-align:middle}html{box-sizing:border-box;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}#root>div{display:flex;flex-direction:column;min-height:100vh}body{margin:0;padding:0;min-height:100vh;background-color:#fff}main{display:flex;flex-direction:column;flex:1;padding:5px 10px 100px}img{border-radius:10px;object-fit:cover}.container{margin:auto;padding:0 20px;width:100%}.hide-text{overflow:hidden;padding:0;text-indent:101%;white-space:nowrap}.no-scroll{overflow:hidden}.hidden,.hidden label{display:none;position:absolute}.mobile-only{display:block!important}@media screen and (min-width: 500px){.mobile-only{display:none!important}}.desktop-only{display:none!important}@media screen and (min-width: 500px){.desktop-only{display:block!important}}a{text-decoration:none;cursor:pointer;width:fit-content}body,h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0;font-weight:400}ul{list-style-type:none;padding:0;margin:0}.underline{text-decoration:underline}.bold{font-weight:700}.text--error{color:#970d0d}.text--valid{color:#326d32}h1,h2,h3,h4{font-family:Libre Bodoni,sans-serif}body,input,select,button{font-family:Roboto,sans-serif}body,input,select{color:#242423}a{color:#f6a230}a:hover,a:active,a:focus,a:focus-within{color:#242423}
