main{position:relative;width:100%;height:calc(100vh - 130px);margin-top:130px;padding:0 10px 10px}main .wrapper{height:100%;-webkit-flex-direction:column;flex-direction:column}main .wrapper,main .wrapper .item{width:100%;display:-webkit-flex;display:flex}main .wrapper .item{height:40px;border:2px solid #eb5e28;border-radius:5px;margin-bottom:10px;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:5px;background-color:#ecf0f1}main .wrapper .item span{width:150px}main .wrapper .item .item_buttons{width:50px;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border:none;background-color:#ecf0f1}main .wrapper .item .item_buttons img{width:25px;height:25px}header{position:fixed;top:0;left:0;z-index:1;background-color:#1c2833;width:100%;height:120px;-webkit-flex-direction:column;flex-direction:column;padding:10px 10px 0}header,header .title{display:-webkit-flex;display:flex}header .title{-webkit-align-items:center;align-items:center;color:#ecf0f1}header .title img{width:30px;height:30px;margin-right:10px}header .nav-list{width:100%;height:50px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-bottom:1px solid #eb5e28}header .nav-list .nav-item{position:relative;margin-right:5px;color:#ecf0f1}header .nav-list .nav-item:before{position:absolute;content:"";top:28px;left:0;width:100%;height:5px;background-color:#eb5e28;display:none}header .nav-list .nav-item.selected{color:#eb5e28}header .nav-list .nav-item.selected:before{display:block}header .filter-articles{width:100%;height:50px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;overflow-x:auto;background-color:#1c2833}header .filter-articles .btn-filter{width:auto;height:50px;border:none;padding:5px;background-color:#1c2833;color:#ecf0f1}main .categories{width:100%;height:auto}main .categories .list-categories{width:100%;margin:0 auto;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}main .categories .list-categories,main .categories .list-categories .btn-type{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}main .categories .list-categories .btn-type{position:relative;width:100px;height:100px;margin:5px;background-color:rgba(206,147,93,.6);-webkit-align-items:center;align-items:center}main .categories .list-categories .btn-type span{position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#000}main .categories .list-categories .btn-type img{width:100%}main .order{width:100%;height:100%;position:relative;overflow:hidden}main .order .btn-customer{position:absolute;top:0;left:0;width:100%;height:40px;border:none;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background-color:#ecf0f1;z-index:1;outline:none}main .order .btn-customer h2{font-size:1.2em;font-weight:700;padding-left:1em;color:#eb5e28}main .order .btn-customer .img-btn{position:absolute;top:11px;left:0;width:15px;height:15px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}main .order .btn-customer .img-btn.active{-webkit-transform:rotate(180deg);transform:rotate(180deg)}main .order .order_customer{position:absolute;top:50px;left:0;width:100%;height:100px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;border-top:1px solid #eb5e28;transition:top .5s ease-in-out}main .order .order_customer.active{top:-50px;transition:top .5s ease-in-out}main .order .order_customer .order_text{width:100%;height:30px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:.8em;font-weight:400}main .order .ordered{position:absolute;top:150px;left:0;width:100%;height:100px;padding-top:10px;border-top:1px solid #eb5e28;transition:top .5s ease-in-out}main .order .ordered.active{top:50px;transition:top .5s ease-in-out}main .order .ordered h2{font-size:1em;font-weight:700;padding-bottom:10px;color:#eb5e28}main .order .ordered .first-row{width:100%;height:40px;border-bottom:1px solid #eb5e28;font-size:.8em;font-weight:400;display:-webkit-flex;display:flex}main .order .ordered .first-row .first-item{width:25%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}main .order .ordered .first-row .first-item.title{width:130px;-webkit-justify-content:flex-start;justify-content:flex-start}main .order .ordered .list-order{padding-top:5px;width:100%;height:300px;overflow-y:auto}main .order .ordered .list-order .article{width:100%;height:40px;font-size:.8em;font-weight:400;display:-webkit-flex;display:flex;padding:3px 0;border-bottom:1px dashed #07a0c3}main .order .ordered .list-order .article .box{width:25%;height:100%;display:-webkit-flex;display:flex}main .order .ordered .list-order .article .title span:first-child{color:#07a0c3}main .order .ordered .list-order .article .title{-webkit-flex-direction:column;flex-direction:column;width:130px}.price_t,.price_u,main .order .ordered .list-order .article .quantity{-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center}main .order .order-result{position:absolute;bottom:0;left:0;width:250px;height:50px;z-index:1;background-color:#52be80;border-radius:5px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;color:#ecf0f1;font-size:1em;font-weight:900;text-transform:uppercase}main .order .order-result span{padding-right:10px}main .order .order-trash{position:absolute;bottom:0;right:0;width:50px;height:50px;z-index:1;border-radius:50%;border:3px solid #eb5e28;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;outline:none}main .order .order-trash img{width:30px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}ul{list-style:none}a{text-decoration:none;color:#000}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:1em}body{width:100%;height:100%;font-family:"Roboto",sans-serif;position:relative;background-color:#ecf0f1}main h2{padding:20px 0;font-size:1em}main .form-customer{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-top:20px}main .form-customer .form-input{width:100%;height:50px;margin-bottom:10px;border-radius:5px;padding-left:10px;border:none;border-left:5px solid #eb5e28}main .form-customer .btn-form{width:100px;height:50px;border:none;margin:30px auto 0;border-radius:5px;background-color:#1c2833;color:#ecf0f1}
/*# sourceMappingURL=main.46a10dd2.chunk.css.map */