.wom-panel table{
    width:100%;
    border-collapse:collapse;
    table-layout:auto;
}

.wom-panel th,
.wom-panel td{
    padding:10px 12px;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
}

.wom-panel th{
    background:#f7f7f7;
    font-weight:600;
}

.wom-panel td{
    background:#fff;
}

.wom-panel .col-id{
    width:90px;
}

.wom-panel .col-date{
    width:130px;
}

.wom-panel .col-mobile{
    width:120px;
}

.wom-panel .col-city{
    width:90px;
}

.wom-panel .col-price{
    width:150px;
}

.wom-panel .col-stage{
    width:190px;
}

.wom-panel .col-status{
    width:120px;
}

.wom-panel .col-action{
    width:90px;
}
.wom-stage{
    display:inline-block;
    padding:6px 12px;
    border-radius:20px;
    color:#fff;
    font-size:12px;
    font-weight:700;
    line-height:1.4;
}

.wom-stage-new{
    background:#00c100;
}

.wom-stage-sales{
    background:#485df8;
}

.wom-stage-finance{
    background:#ff9c00;
}

.wom-stage-shipped{
    background:#787878;
}

.wom-stage-rejected{
    background:#df1717;
}

.col-id{
    width:80px;
}

.col-date{
    width:140px;
}

.col-name{
    width:180px;
}

.col-mobile{
    width:130px;
}

.col-city{
    width:110px;
}

.col-price{
    width:150px;
}

.col-stage{
    width:180px;
}

.col-status{
    width:120px;
}

.col-action{
    width:90px;
}
/* رنگ پس‌زمینه ردیف‌ها بر اساس مرحله سفارش */

.wom-row-new td{
    background:#abffab;
}

.wom-row-sales td{
    background:#a8b1f9;
}

.wom-row-finance td{
    background:#eec98f;
}

.wom-row-shipped td{
    background:#c5c5c5;
}

.wom-row-rejected td{
    background:#faa4a4;
}

.wom-dot{
    display:inline-block;
    width:12px;
    height:12px;
    border-radius:50%;
    margin-left:8px;
    vertical-align:middle;
}

.wom-panel{
    direction: rtl;
    font-family: iranyekanx;
}

.wom-panel table{
    font-size:14px;
}