/* responsive for mobile */

@media screen and (max-width:60em) {
    .payeeInfo table, td, tr { display:block; }
    .payeeInfo td {padding: 1px 1px;}
    .payeeInfo tr + tr { margin-top:0.5em; }
}

@media screen and (min-width:768px) and (max-width:1024px)
{
    /*.control-label { width: 25%;}  */
}



@media screen and (max-width:800px) {
    #ctl00_MainContentPHolder_gvOrderSearch {
        width: 100%;
    }

    #ctl00_MainContentPHolder_gvOrderSearch thead {
        display: none;
    }

    #ctl00_MainContentPHolder_gvOrderSearch tr:nth-of-type(2n) {
        background-color: inherit;
    }

    #ctl00_MainContentPHolder_gvOrderSearch tr td:first-child {
        background: #f0f0f0;
        font-weight: bold;
        font-size: 1.3em;
    }

    #ctl00_MainContentPHolder_gvOrderSearch tbody td {
        display: block;
        text-align: left;
    }

    #ctl00_MainContentPHolder_gvOrderSearch tbody td:before {
        content: attr(data-th);
        display: block;
        text-align: left;
    }

    #ctl00_MainContentPHolder_gvOrderSearch tr:first-child th {
        display: none;
    }
}

@media screen and (max-width:800px) {
    #ctl00_MainContentPHolder_gvOrderItems {
        width: 100%;
    }

    #ctl00_MainContentPHolder_gvOrderItems thead {
        display: none;
    }

    #ctl00_MainContentPHolder_gvOrderItems tr:nth-of-type(2n) {
        background-color: inherit;
    }
    /* bold name*/
    #ctl00_MainContentPHolder_gvOrderItems tr td:nth-child(2) {
        background: #f0f0f0;
        font-weight: bold;
        font-size: 1.3em;
    }

    #ctl00_MainContentPHolder_gvOrderItems tbody td {
        display: block;
        text-align: left;
    }

    #ctl00_MainContentPHolder_gvOrderItems tbody td:before {
        content: attr(data-th);
        display: block;
        text-align: left;
    }

    #ctl00_MainContentPHolder_gvOrderItems tr:first-child th {
        display: none;
    }

    #ctl00_MainContentPHolder_gvNonWebPayableOrderItems {
        width: 100%;
    }

    #ctl00_MainContentPHolder_gvNonWebPayableOrderItems thead {
        display: none;
    }

    #ctl00_MainContentPHolder_gvNonWebPayableOrderItems tr:nth-of-type(2n) {
        background-color: inherit;
    }

    #ctl00_MainContentPHolder_gvNonWebPayableOrderItems tbody td {
        display: block;
        text-align: left;
    }

    #ctl00_MainContentPHolder_gvNonWebPayableOrderItems tbody td:before {
        content: attr(data-th);
        display: block;
        text-align: left;
    }

    #ctl00_MainContentPHolder_gvNonWebPayableOrderItems tr:first-child th {
        display: none;
    }
}