.order-section{padding-bottom:32px;font-size:14px}.order-refund-detail-wrapper .actions{margin-top:28px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#1a1a1a}.order-refund-detail-wrapper .actions.is-center{justify-content:center}.order-refund-detail-wrapper .actions .dot{width:6px;height:6px;border-radius:100%;background-color:gray}.order-refund-detail{position:relative;margin-top:20px;border-radius:2px;line-height:1;border:1px solid #E6E6E6}.order-refund-detail .title{font-weight:700;font-size:12px;color:#142a6b;cursor:pointer;line-height:21px;background-color:#e6e6e6}.order-refund-detail .title:hover{text-decoration:underline}.order-refund-detail ul{padding:0;margin:0}.order-refund-detail ul.hidden{height:120px;overflow:hidden}.order-refund-detail ul li{cursor:pointer;padding:16px;display:flex;justify-content:space-between;color:#1a1a1a;align-items:center;border-bottom:1px solid #E6E6E6}.order-refund-detail ul li.refund-status-1,.order-refund-detail ul li.refund-status-2{background-color:#fef9ec;color:#e0a609}.order-refund-detail ul li.refund-status-3{background-color:#eef9ec;color:#407238}.order-refund-detail ul li.refund-status-4{background-color:#ffe7e7;color:#e21f1f}.order-refund-detail ul li.refund-status-5{background-color:#fff;color:#1a1a1a}.order-refund-detail ul li .number{font-size:12px}.order-refund-detail ul li .amount{font-size:14px;font-weight:700}.order-refund-detail .overlay-wrapper.relative{padding:20px}.order-refund-detail .overlay-wrapper.relative .overlay-action{margin-top:0}.order-status-wrapper{display:flex;align-items:center}.order-fulfillments{margin-top:16px;display:flex;gap:10px}.order-fulfillments-item{flex:1;justify-content:space-between;padding:14px 16px;background-color:#f4f8fc;border:1px solid #E6E6E6;border-radius:2px;color:#1a1a1a;font-size:14px;display:flex;gap:20px}.order-status{width:100%;padding:12px 16px;background:#f4f8fc;display:flex;justify-content:space-between;gap:16px}.track_wrap{color:var(--my-blue);text-decoration:underline;cursor:pointer}.status-type{font-size:12px;font-weight:700;color:#e0a609}.status-item{display:flex;align-items:center;gap:8px}.order-id{font-weight:700}.el-reset-from .el-form-btn .el-dialog--btn-cancel{width:110px}.status-item span:nth-child(1){color:gray;font-size:12px}.status-item p,.status-item a{font-size:12px}.order-main{display:flex;gap:16px}.order-main-wrapper{align-self:flex-start;flex:1}.order-main-table{border-radius:2px;border:1px solid var(--my-border)}.product-info-wrapper,.item-info{display:flex;flex-direction:column;gap:16px}.product-info-wrapper .title{font-size:12px;line-height:1;color:#999}.item-info span:nth-child(1){font-size:12px;line-height:1;color:#999}.item-info span:nth-child(2){font-size:14px;color:#1a1a1a;word-wrap:break-word;text-transform:capitalize;word-break:break-all}.product-title{font-weight:500;font-size:14px;color:#1a1a1a;line-height:21px}.product-sku{font-size:12px;color:#999;line-height:21px}.item-info span:nth-child(3){font-weight:400;font-size:12px;color:var(--my-blue);line-height:18px}.table-title.layout-container>div:nth-child(1){padding-left:32px}.order-line-item-wrapper{padding:20px 0;margin:0 16px;border-bottom:1px solid var(--my-border)}.layout-container{display:flex;gap:12px;justify-content:space-between}.layout-container>div{min-width:80px}.layout-container>div:nth-child(1){width:320px}.product-info{display:flex;gap:10px}.product-img{width:100px;height:100px}.product-img img{width:100%;height:100%;border-radius:2px}.product-detail{display:flex;flex-direction:column;gap:12px;flex:1}.product-detail h3{font-size:12px}.product-detail p{font-weight:500;font-size:14px;color:#1a1a1a;line-height:21px}.product-detail p a{text-decoration:none}.product-detail a:hover{text-decoration:underline}.product-detail span{font-size:12px}.order-detail-container{display:flex;padding:16px 0;margin:0 16px;justify-content:end;border-bottom:1px solid var(--my-border)}.order-detail{display:flex;flex-direction:column;width:394px;font-size:14px;gap:16px}.order-detail>div{display:flex;justify-content:space-between;font-size:14px;color:#999;line-height:21px}.order-detail>div>span{color:#999}.order-detail>div>p{color:#1a1a1a;text-align:right}.order-total{padding:20px 0;margin:0 16px;display:flex;justify-content:end}.order-total>div{width:394px;display:flex;justify-content:space-between}.order-id-wrapper{cursor:pointer;display:flex;align-items:center;gap:12px}.order-total>div>span{font-weight:700;font-size:14px;color:#1a1a1a;line-height:21px}.order-total>div>p{color:var(--my-blue);font-weight:700;font-size:18px;line-height:21px}.order-main .order-main-detail{position:relative;width:254px;word-break:break-word;border-radius:2px;background-color:#f8f8f8;color:var(--my-black);align-self:flex-start;padding:18px;height:auto;border:1px solid var(--my-border)}.order-main .order-main-detail.lesshidden{height:250px;overflow:hidden}.overlay-wrapper.relative{background:none}.aside-item{display:flex;flex-direction:column;gap:10px}.aside-item span{font-size:12px;color:#999;line-height:1.2}.aside-item p{font-size:14px;color:#1a1a1a;line-height:21px}.order-main .order-main-detail .detail-wrap{display:flex;flex-direction:column;gap:36px}.el-reset-from .el-button.el-button--primary{font-weight:700;width:118px}.order-action{display:flex;border-radius:2px;overflow:hidden;margin-top:30px;flex-direction:row-reverse;gap:20px}.order-action a{width:118px;height:38px;border:1px solid var(--my-blue);border-radius:2px;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:14px;color:var(--my-blue);line-height:21px}.track_container{display:flex;gap:16px}.layout-container>div.total,div.total-title{min-width:100px!important}.delivery-date{line-height:1.4;font-size:12px;color:var(--my-blue)}@media screen and (max-width:1200px){.order-main{flex-direction:column}.order-main .order-main-detail,.order-main-wrapper{width:100%}}@media screen and (min-width:741px){.order-action a{width:156px}.order-refund-detail .title{padding:0 16px;height:48px;display:flex;align-items:center}}@media screen and (max-width:740px){.delivery-date{width:100%}.product-img{width:86px;height:86px}.order-refund-detail .title{line-height:1;padding:10px}.order-refund-detail ul li{padding:10px}.order-refund-detail-wrapper .actions{margin-top:16px;font-size:12px;justify-content:center;gap:20px}.table-body{padding:0 10px}.order-total>div>span,.order-total>div>p{font-size:12px;line-height:20px}.order-line-item-wrapper{padding:16px 0;margin:0}.product-detail p,.status-item span:nth-child(1){font-size:12px}.order-action{margin-top:16px;gap:8px;justify-content:space-between}.el-reset-from .el-button.el-button--primary{font-weight:700;width:100%;max-width:118px}.order-action a{width:100%}.order-detail-container{padding:16px 0;margin:0;gap:8px;justify-content:flex-start}.order-detail>div{gap:8px}.order-detail>div>span{width:110px}.order-fulfillments-item,.order-fulfillments-item .el-button--text span{font-size:12px}.order-id{font-weight:400}.order-main .order-main-detail.hidden{height:120px}.status-item{justify-content:space-between}.order-status-wrapper{gap:0;align-items:flex-end}.order-status{flex-direction:column;gap:16px}.status-item{font-size:12px;line-height:12px}.track_container{justify-content:space-between}.order-main{flex-direction:column}.order-fulfillments{flex-direction:column;gap:8px}.order-fulfillments-item{padding:10px}.table-title{display:none!important}.order-main-table{width:auto;overflow:hidden;align-self:auto}.order-main .order-main-detail{padding:16px 10px;align-self:auto;width:auto}.order-detail{gap:0}.order-detail>div{font-size:12px}.order-main .order-main-detail .detail-wrap{gap:20px}.order-total{padding:16px 0;margin:0}.layout-container{column-gap:16px;padding:0;display:grid;-webkit-display:grid;font-size:12px;grid-template-columns:100px 1fr}.layout-container>div:nth-child(1){grid-column:span 2;width:auto}.order-status .status-type{font-size:12px}.aside-item{gap:6px;justify-content:space-between;flex-direction:row}.aside-item p{font-size:12px;line-height:15px}.aside-item>div{text-align:right}.delivery-date{grid-column:span 2}.phone-order-info{grid-column:1 / 3;display:flex;flex-direction:column;gap:0;font-size:12px;line-height:20px}.phone-order-info>div{display:flex;align-items:center;justify-content:space-between;gap:32px}.phone-order-info span:nth-child(1){width:48px;color:#999}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/main-customers-orders.css.map */