:root{--color-primary:#335aa6;--color-primary-light:#89abd9;--color-primary-dark:#18358c;--color-grey-light-1:#faf9f9;--color-grey-light-2:#f4f2f2;--color-grey-light-3:#f0eeee;--color-grey-light-4:#ccc;--color-grey-dark-1:#404040;--color-grey-dark-2:#777;--color-grey-dark-3:#999;--color-red:#a52631;--color-green:#207245;--shadow-dark:0 2rem 6rem rgba(0,0,0,0.3);--shadow-light:0 2rem 5rem rgba(0,0,0,0.06);--line:1px solid var(--color-grey-light-2)}*{margin:0;padding:0}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (max-width:68.75em){html{font-size:50%}}body{font-weight:400;line-height:1.6;color:#777;color:var(--color-grey-dark-2);background-color:#f0eeee;background-color:var(--color-grey-light-3);background-size:cover;background-repeat:no-repeat;min-height:100vh;font-family:Roboto,sans-serif}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.app,.loader{height:100vh;width:100%;display:flex}.loader{align-items:center;justify-content:center;background-color:#18358c;background-color:var(--color-primary-dark)}.loader i{-webkit-animation:spin 4s linear infinite;animation:spin 4s linear infinite;font-size:4.5rem;color:#fff}header{width:100%;background-color:#fff;padding:0 2rem;border-bottom:1px solid #f4f2f2;border-bottom:var(--line);display:flex;align-items:center;height:6rem}header .logo{text-align:center;font-size:1.4rem;font-weight:500;color:#335aa6;color:var(--color-primary);text-transform:uppercase}header button{margin-left:auto;display:flex;border:none;background-color:transparent;color:rgba(165,38,49,.8);cursor:pointer;outline:none}.app main{flex:1 1;overflow-y:auto}.app .sidenav{overflow-y:auto;background-color:#fff;display:flex;flex-direction:column;-webkit-transition:all .5s;transition:all .5s;width:auto}.sidenav img{width:4rem;margin:1rem auto}.app .sidenav ul{display:flex;flex-direction:column;list-style:none}.app .sidenav ul a{padding:1.3rem;color:#335aa6;color:var(--color-primary);font-size:1.4rem;text-decoration:none;text-transform:uppercase;display:flex;align-items:center}.app .sidenav ul a.active,.app .sidenav ul a:hover{background-color:#18358c;background-color:var(--color-primary-dark);color:#fff}.app .sidenav ul a span{margin-left:1rem}.app .sidenav ul.close a span{display:none}.app__container{position:relative}.app__container>button{position:absolute;top:3rem;left:0;border:none;background-color:#335aa6;background-color:var(--color-primary);padding:.25rem;color:#fff;cursor:pointer;outline:none;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;opacity:.6;-webkit-transition:all .5s;transition:all .5s;display:flex}.app__container>button:hover{opacity:1}.in-nav,.in-nav ul{display:flex;width:100%}.in-nav ul a{flex:1 1;padding:1.5rem;background-color:#89abd9;background-color:var(--color-primary-light);text-align:center;color:#fff;font-size:1.2rem;text-decoration:none;text-transform:uppercase;-webkit-transition:all .5s;transition:all .5s;display:flex;justify-content:center;align-items:center}.in-nav ul a.active,.in-nav ul a:hover{background-color:#18358c;background-color:var(--color-primary-dark)}.input-container{display:flex;flex-direction:column;padding:1rem;font-size:1.4rem;text-transform:uppercase;color:#335aa6;color:var(--color-primary)}.input-container input,.input-container select,.input-container textarea{padding:1rem;outline:none;border:none;background-color:hsla(0,0%,100%,.8);box-shadow:1px 1px 2px rgba(0,0,0,.06);width:100%;margin-top:auto}.input-container select{height:3.5rem;border-radius:0;display:flex}.input-container button{padding:1rem;border:none;background-color:#335aa6;background-color:var(--color-primary);color:#fff;text-transform:uppercase;cursor:pointer;outline:none;margin-top:auto}table{width:100%;border-collapse:collapse;font-size:1.2rem}table th{background-color:#335aa6;background-color:var(--color-primary);padding:1rem;text-transform:uppercase;color:#fff;font-weight:600}table td{color:#404040;color:var(--color-grey-dark-1);padding:1rem}table tr:nth-of-type(2n) td{background-color:hsla(0,0%,100%,.6)}table tr.red td{background-color:rgba(165,38,49,.3)}table td a{color:#335aa6;color:var(--color-primary);text-decoration:none}table td input,table td select{width:100%;padding:.5rem;border:none;box-shadow:.5px .5px 1px rgba(0,0,0,.1);background-color:hsla(0,0%,100%,.3);outline:none}table td.center{text-align:center}table td.center button{margin:0 auto}table td button{background-color:transparent;display:flex;color:#18358c;color:var(--color-primary-dark)}table td button,table th button{border:none;cursor:pointer;outline:none}table th button{padding:1rem;background-color:#89abd9;background-color:var(--color-primary-light);color:#fff}.date-picker,.date-picker button{display:flex;align-items:center;justify-content:center}.date-picker button{border:none;width:5rem;height:5rem;background-color:#fff;color:#335aa6;color:var(--color-primary);border-radius:50%;cursor:pointer;outline:none}.date-picker span{margin:0 2.5rem}.seeker{display:flex;background-color:#f4f2f2;background-color:var(--color-grey-light-2);margin-bottom:2.5rem;box-shadow:1px 1px 2px rgba(0,0,0,.3);border-radius:2.5rem;overflow:hidden}.seeker span{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem}.seeker input{outline:none;flex:1 1;padding:0 1rem;border:none;background-color:transparent}.log-in{height:100vh;align-items:center;justify-content:center;background-color:#335aa6;background-color:var(--color-primary)}.log-in,.log-in form{width:100%;display:flex}.log-in form{background-color:hsla(0,0%,100%,.8);padding:2.5rem;flex-direction:column;max-width:40rem;box-shadow:0 2rem 5rem rgba(0,0,0,.06);box-shadow:var(--shadow-light)}.log-in form h1{font-size:2.5rem;font-weight:600;text-align:center}.log-in form a,.log-in form h1{color:#335aa6;color:var(--color-primary);text-transform:uppercase}.log-in form a{margin-left:auto;margin-top:1rem;font-size:1.4rem;text-decoration:none}.sales-customers{padding:2.5rem}.sales-customers .filter{display:flex}.sales-customers .filter button{padding:1rem;border:1px solid #335aa6;border:1px solid var(--color-primary);background-color:transparent;margin-right:1rem;color:#335aa6;color:var(--color-primary);text-transform:uppercase;cursor:pointer;margin-bottom:1rem;outline:none}.sales-customers .filter button.active,.sales-customers .filter button:hover{background-color:#335aa6;background-color:var(--color-primary);color:#fff}.sales-single-customer{padding:2.5rem}.sales-single-customer section{display:flex;margin-bottom:2.5rem}.sales-single-customer section table{flex:0 0 35%;margin-right:2.5rem}.sales-single-customer-directory{flex:1 1}.sales-single-customer-directory form{display:flex;flex-wrap:wrap}.sales-single-customer-directory form .input-container{flex:0 0 50%}.sales-single-customer-seller{width:100%;padding:4.5rem 0}.sales-single-customer-seller h3{font-size:2rem;color:#335aa6;color:var(--color-primary);text-align:center;text-transform:uppercase;padding:1rem;border-bottom:2px solid #335aa6;border-bottom:2px solid var(--color-primary);margin-bottom:1.5rem}.sales-single-customer-seller .container{display:flex}.sales-single-customer-seller .container form{flex:1 1;margin-right:2.5rem}.sales-single-customer-seller .container ul{flex:1 1;list-style:none;font-size:1.4rem;display:flex;flex-direction:column;justify-content:center;color:#404040;color:var(--color-grey-dark-1)}.sales-single-customer-price-list{padding:4.5rem 0;width:100%}.sales-single-customer-price-list h3{font-size:2rem;color:#335aa6;color:var(--color-primary);text-align:center;text-transform:uppercase;padding:1rem;border-bottom:2px solid #335aa6;border-bottom:2px solid var(--color-primary);margin-bottom:1.5rem}.sales-single-customer-price-list .container{display:flex}.sales-single-customer-price-list .container form{flex:0 0 35%;margin-right:2.5rem}.sales-single-customer-price-list .container table{flex:1 1}.sales-price-list{padding:2.5rem}.sales-price-list h1{font-size:2rem;color:#335aa6;color:var(--color-primary)}.sales-price-list p{padding:1rem;font-size:1.4rem;color:#999;color:var(--color-grey-dark-3)}.sales-price-list form{display:flex;flex-wrap:wrap}.sales-price-list form .input-container{flex:1 0 30%}.sales-customers-form{padding:2.5rem}.sales-customers-form h1{font-size:2rem;color:#335aa6;color:var(--color-primary);padding:1rem;border-bottom:2px solid #335aa6;border-bottom:2px solid var(--color-primary);text-transform:uppercase;text-align:center;margin-bottom:2rem}.sales-customers-form form{display:flex;flex-wrap:wrap}.sales-customers-form form .input-container{flex:0 0 25%}.sales-customers-form form h4{flex:0 0 100%;font-size:1.4rem;margin-top:1rem;color:#335aa6;color:var(--color-primary);padding:1rem;border-bottom:1px solid #335aa6;border-bottom:1px solid var(--color-primary);text-transform:uppercase}.sales-memo{padding:2.5rem}.sales-memo form{display:flex;margin-bottom:2.5rem;padding:2rem;background-color:hsla(0,0%,100%,.5)}.sales-memo form .input-container{flex:1 1}.sales-orders,.sales-orders-form{padding:2.5rem}.sales-orders-form .container{display:flex;flex-wrap:wrap;padding-bottom:8rem;position:relative}.sales-orders-form .container .input-container{flex:1 0 30%}.sales-orders-form .container form{display:flex;flex:0 0 100%;margin-top:2rem;padding:1rem;background-color:hsla(0,0%,100%,.5)}.sales-orders-form .container form .input-container{flex:1 1}.sales-orders-form .container .submit{position:absolute;right:0;bottom:0;padding:1.5rem 2rem;background-color:#207245;background-color:var(--color-green);color:#fff;text-transform:uppercase;border:none;cursor:pointer;outline:none}.sales-invoicing,.sales-invoicing-form{padding:2.5rem}.sales-invoicing-form form{display:flex;flex-wrap:wrap}.sales-invoicing-form form .input-container{flex:0 0 50%}.sales-single-order{padding:2.5rem}.sales-single-order h1{font-size:2.5rem;color:#404040;color:var(--color-grey-dark-1)}.sales-single-order h2{font-size:2rem;color:#335aa6;color:var(--color-primary);padding:1rem}.sales-single-order ul{padding:1rem;list-style:none;font-size:1.4rem;display:flex;flex-wrap:wrap}.sales-single-order ul li{flex:0 0 50%;padding:1rem;color:#404040;color:var(--color-grey-dark-1)}.production-form{padding:2.5rem}.production-form form{display:flex}.production-form form .input-container{flex:1 1}.production-moves{padding:2rem}.configuration-cfdis{padding:2.5rem;display:flex}.configuration-cfdis form{flex:0 0 30%;margin-right:2.5rem}.configuration-cfdis table{flex:1 1}.configuration-sat-payway{padding:2.5rem;display:flex}.configuration-sat-payway form{flex:0 0 30%;margin-right:2.5rem}.configuration-sat-payway table{flex:1 1}.configuration-brands{padding:2.5rem;display:flex}.configuration-brands form{flex:0 0 30%;margin-right:2.5rem}.configuration-brands .container{flex:1 1}.configuration-users{padding:2.5rem}.configuration-products{padding:2.5rem;display:flex;width:100%}.configuration-products-form{flex:1 1;margin-right:2rem}.configuration-products .container{flex:2 1}.configuration-single-product{padding:2.5rem}.configuration-single-product .details{display:flex}.configuration-single-product .details table{flex:0 0 50%}.configuration-expenses{display:flex;padding:2.5rem}.configuration-expenses form{flex:0 0 25%;margin-right:2.5rem}.configuration-expenses table{flex:1 1}.configuration-passwords{padding:2.5rem}.configuration-passwords form{display:flex;padding:1rem;background-color:#fff}.configuration-passwords form .input-container{flex:1 1}.configuration-passwords table{margin-top:2.5rem}.configuration-receipes,.configuration-single-user{padding:2.5rem}.configuration-single-user h1{font-size:2rem;color:#335aa6;color:var(--color-primary);padding:1rem;border-bottom:1px solid #335aa6;border-bottom:1px solid var(--color-primary)}.configuration-single-user .perms__container{display:flex;flex-wrap:wrap}.configuration-single-user .perms__container .input-container{flex:0 0 25%}.importer,.warehouse{padding:2.5rem}.warehouse form{display:flex;padding:2rem;background-color:hsla(0,0%,100%,.5);margin-bottom:2.5rem}.warehouse form .input-container{flex:1 1}.purchases-providers,.purchases-providers-form,.purchases-quote,.purchases-quote-form{padding:2.5rem}.purchases-quote-form .container{display:flex;flex-direction:column}.purchases-quote-form .content{display:flex;margin-top:2.5rem}.purchases-quote-form .content form,.purchases-quote-form .content table{flex:1 1}.purchases-quote-form .container>button{padding:1.5rem 2rem;border:none;background-color:#207245;background-color:var(--color-green);color:#fff;cursor:pointer;outline:none;margin-top:2.5rem;width:100%}.purchases-orders,.purchases-orders-form{padding:2.5rem}.purchases-single-quote{padding:2.5rem;display:flex}.purchases-single-quote table:first-of-type{margin-right:2.5rem}.purchases-single-quote table{flex:1 1}.accounting-balance,.accounting-debts,.accounting-incomes,.accounting-purchases,.accounting-receivable{padding:2.5rem}.accounting-balance__filter{display:flex;list-style:none;margin-bottom:2rem}.accounting-balance__filter li{margin-right:2.5rem;padding:1.5rem 2rem;border:1px solid #335aa6;border:1px solid var(--color-primary);color:#335aa6;color:var(--color-primary);text-transform:uppercase;background-color:transparent;cursor:pointer;outline:none;font-size:1.2rem}.accounting-balance__filter li.active,.accounting-balance__filter li:hover{background-color:#335aa6;background-color:var(--color-primary);color:#fff}.accounting-incomes-form{padding:2.5rem}.accounting-incomes-form .container{display:flex}.accounting-incomes-form .container .details{flex:1 1}.accounting-incomes-form .container table{flex:2 1}.human-resources-employees{padding:2.5rem}.human-resources-employees form{display:flex}.human-resources-employees form .input-container{flex:1 1}.human-resources-employees table{margin-top:2.5rem}.human-resources-roster{padding:2.5rem}.human-resources-roster h1{font-size:2rem;color:#335aa6;color:var(--color-primary);padding:1rem;border-bottom:1px solid #335aa6;border-bottom:1px solid var(--color-primary);margin-bottom:2rem}.human-resources-roster__form{display:flex}.human-resources-roster__form .input-container{flex:1 1}.human-resources-roster table{margin-top:4.5rem}.calendar{padding:2.5rem}.calendar form{display:flex}.calendar form .input-container{flex:1 1}.promo-main{padding:2rem}.promo-main .filter ul{display:flex;list-style:none;margin:2rem 0;padding:1rem;background-color:hsla(0,0%,100%,.6)}.promo-main .filter ul li{flex:1 1}.promo-main>form{display:flex;padding:2rem;background-color:hsla(0,0%,100%,.6)}.promo-main table form{display:flex}.promo-list{padding:2.5rem}
/*# sourceMappingURL=main.b4404bc9.chunk.css.map */