.orders{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.order-box{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#f7f9f7;box-shadow:0 4px 6px rgba(0,0,0,.1);width:100%;height:240px;border-radius:8px}.order-box.completed{opacity:.4}.order-box p{margin:0}.order-box .header{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%;width:10%;border-radius:8px 0 0 8px}.order-box .header.pending{background:#5a5a5a}.order-box .header.paid{background:#005f3e}.order-box .header.shipped{background:#004e73}.order-box .header.delivered{background:#036b40}.order-box .header.completed{background:#250}.order-box .header.cancelled{background:#5a0a0a}.order-box .header p{color:#fff}.order-box .body{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem;gap:1rem;width:80%}.order-box .body .info{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;gap:1rem}.order-box .body .info>div{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.25rem}.order-box .body .info>div label{color:gray;margin:0}.order-box .body .items{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;overflow-x:scroll;width:100%;gap:1rem}.order-box .body .items .item{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.5rem;width:-moz-fit-content;width:fit-content;border:3px dashed rgba(0,0,0,.1);border-radius:8px}.order-box .body .items .item img{width:125px;height:125px;-o-object-fit:contain;object-fit:contain}.order-box .body .items .item .content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem}.order-box .body .items .item .content p{margin:0;white-space:nowrap}.order-box .body .items .item .content>div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;width:100%}.order-box .body .items .item .content>div label{color:gray}.order-box .actions{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:.5rem;margin-top:30px;width:10%;height:100%}.order-box .actions button{width:100%;border:none;border-radius:8px;padding:.5rem;color:#fff;cursor:pointer;z-index:2;transition:all .3s linear}.order-box .actions button:hover{opacity:.8;width:90%}.order-box .actions button.pay{background-color:#005f3e}.order-box .actions button.cancel{border:1px solid #721c24;color:#721c24}.order-box .actions button.contact{background-color:#004e73}
/*# sourceMappingURL=orders.css.map */