.tdinput_salesord, .tdsel_salesord {
    height: 24px !important;
    width: 338px;
}

.tdselect_salesord {
    padding: 0px 0 1px 3px !important;
}

.wd100 {
    width: 100%;
}
 
.wd70 {
    width: 70%;
}


.wd40imp {
    width: 40% !important;
}

.wd50imp {
    width: 50px !important;
}

.wd60imp {
    width: 60px !important;
}

.wd65imp {
    width: 65px !important;
}

.wd75imp {
    width: 75px !important;
}

.wd30 {
    width: 30%;
}

.wd25 {
    width: 25%;
}

.wd24 {
    width: 24%;
}

.wd23 {
    width: 23%;
}

.wd28 {
    width: 28%;
}

.wd18 {
    width: 18%;
}

.wd21 {
    width: 21%;
}

.wd20 {
    width: 20%;
}

.wd11 {
    width: 11%;
}

.wd10 {
    width: 10%;
}

.wd16 {
    width: 16%;
}

.wd15 {
    width: 15%;
}

.wd17 {
    width: 17%;
}

.wd14 {
    width: 14%;
}

.wd12 {
    width: 12%;
}

.wd9 {
    width: 9%;
}

.wd7 {
    width: 7%;
}

.wd8 {
    width: 8%;
}

.wd6 {
    width: 6%;
}

.wd5 {
    width: 5%;
}

.wd4 {
    width: 4%;
}

.wd3 {
    width: 3%;
}

.wd2 {
    width: 2%;
}

.wd1 {
    width: 1%;
}

.wd0 {
    width: 0%;
}

.thnowrp {
    white-space: nowrap;
}

.autoOutlet, .autoSalesman, .autoWarehouse, .input_salesord {
    width: 312px;
}

.txtdelDate {
    width: 80px !important;
    padding: 0px 0 0px 6px !important;
}

.ddlpaymentmethod, .tdselectsalesord {
    height: 30px;
    width: 176px !important;
}

.salordmrbtm {
    margin-bottom: 0;
}

.float-right {
    float: right;
}

.pr4 {
    padding-right: 4px;
}

.brbtmcolor {
    border-bottom: 1px solid #ffdddb;
}

.bgeee {
    background-color: #eee;
}

.fntwght800 {
    font-weight: 800;
}

.txtcenter {
    text-align: center;
}

.iconcolorbrown {
    color: brown !important;
}

.pr20 {
    padding-right: 20px;
}

.pdtop2 {
    padding-top: 2px;
}

input[type="text"]:disabled.ng-valid, .txtdisable {
    background-color: oldlace !important;
    border: 1px solid #ccc;
    color: #999 !important;
}

.footerbgtr, .footerbgtd {
    background-color: oldlace;
    border-bottom: 1px solid #ccc;
    height: 34px;
}

.uommrg {
    margin: 4px -100px 0 0px;
}

.uomscrl {
    overflow-x: auto;
    overflow-y: hidden;
    width: 300px;
}

.edit_hover_class a, i {
    display: none;
}

.edit_hover_class:hover a, i {
    display: block;
}

.detailtable > thead, .detailtable > tbody tr:hover {
    background: #ffdddb;
    color: brown;
    width: 100%;
}

.detailtable {
    width: 99% !important;
}

.detaildiv {
    overflow: auto;
    height: 268px;
}

.tddetailsdiv {
    background-color: #ffdddb;
}

.detailtable tr:hover {
    background-color: #f8f8ff !important;
}

.salestable {
    display: table;
    width: 100%;
    margin: 0% auto 0;
    border-collapse: separate;
}

.salestable_row {
    display: table-row;
}

.salestheader {
    display: table-row;
}

.salestable_header {
    display: table-cell;
    border-bottom: #ffdddb 1px solid;
    border-top: #fffafa 1px solid;
    background: #fffafa;
    color: #A52A2A;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    font-weight: 700;
}

    .salestable_header:first-child {
        border-left: #ffdddb 1px solid;
        border-top-left-radius: 1px;
    }

    .salestable_header:last-child {
        border-right: #ffdddb 1px solid;
        border-top-right-radius: 1px;
    }

.salestable_small {
    display: table-cell;
    vertical-align: bottom;
}

.salestable_row > .salestable_small > .salestable_cell:nth-child(odd) {
    display: none;
    background: #bdbdbd;
    color: #e5e5e5;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
}

.salestable_row > .salestable_small > .salestable_cell {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    color: #5b5b5b;
    border-bottom: #ffdddb 1px solid;
}

.salestablebrcolor {
    border-bottom: #ffdddb 1px solid;
    border-right: #ffdddb 1px solid;
}

.salestable_row > .salestable_small:first-child > .salestable_cell {
    border-left: #ffdddb 1px solid;
}

.salestable_row > .salestable_small:last-child > .salestable_cell {
    border-right: #ffdddb 1px solid;
}

.salestable_row:last-child > .salestable_small:last-child > .salestable_cell:last-child {
    border-bottom-right-radius: 1px;
}

.salestable_row:last-child > .salestable_small:first-child > .salestable_cell:last-child {
    border-bottom-left-radius: 1px;
}

.salestable_row:nth-child(2n+2) {
    background: #FAF9F9;
}

@media screen and (max-width: 900px) {
    .salestable {
        width: 90%;
    }
}

@media screen and (max-width: 650px) {
    .salestable {
        display: block;
    }

    .salestable_row:nth-child(2n+3) {
        background: none;
    }

    .salestheader {
        display: none;
    }

    .salestable_row > .salestable_small > .salestable_cell:nth-child(odd) {
        display: table-cell;
        width: 50%;
    }

    .salestable_cell {
        display: table-cell;
        width: 50%;
    }

    .salestable_row {
        /*display: table;*/
        width: 100%;
        border-collapse: separate;
        padding-bottom: 20px;
        margin: 5% auto 0;
        text-align: center;
    }

    .salestable_small {
        display: table-row;
    }

    .salestable_row > .salestablemodtablbg_small:first-child > .salestable_cell:last-child {
        border-left: none;
    }

    .salestable_row > .salestable_small > .salestable_cell:first-child {
        border-left: #ccc 1px solid;
    }

    .salestable_row > .salestable_small:first-child > .salestable_cell:first-child {
        border-top-left-radius: 1px;
        border-top: #ccc 1px solid;
    }

    .salestable_row > .salestable_small:first-child > .salestable_cell:last-child {
        border-top-right-radius: 1px;
        border-top: #ccc 1px solid;
    }

    .salestable_row > .salestable_small:last-child > .salestable_cell:first-child {
        border-right: none;
    }

    .salestable_row > .salestable_small > .salestable_cell:last-child {
        border-right: #ccc 1px solid;
    }

    .salestable_row > .salestable_small:last-child > .salestable_cell:first-child {
        border-bottom-left-radius: 1px;
    }

    .salestable_row > .salestable_small:last-child > .salestable_cell:last-child {
        border-bottom-right-radius: 1px;
    }
}

.divTableCell, .divTableHead {
    border: 1px solid #ffffff;
    /*display: table-cell;
    padding: 3px 10px;*/
    text-align: center;
}

.wd400imp {
    width: 400px !important;
}

@media (max-width: 320px) {
    .divTableCell {
        width: 100%;
    }
}

.pd10 {
    padding-right: 10px;
}

.pad-sal {
    padding: 1px 0 1px 20px;
}