body {
    background-color: #fbfbfb;
    font-family: sans-serif;
    margin: 2%;
}

/*Bins Screen Starts*/
.main {
    width: 100%;
    height: auto;
}
/*Bins Form Starts*/
.card {
    width: 320px;
    height: 320px;
    background-color: #fff;
    margin: 0px auto 0px auto;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
    border-radius: 0px 0px 5px 5px;
    border-top: 3px solid #00afd4;
}

    .card h2 {
        font-family: sans-serif;
        font-weight: 500;
        text-align: center;
        color: #00afd4;
        font-size: 32px;
        margin-top: 12px;
        margin-bottom: 5px;
    }

    .card .btn1 {
        font-size: 18px;
        color: #fff;
        text-decoration: none;
        background-color: #00afd4;
        border-radius: 5px;
        display: block;
        width: 245px;
        margin: 0px auto;
        text-align: left;
        padding: 6px;
        margin-bottom: 8px;
    }

        .card .btn1:hover {
            box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
        }

.btn-finish {
    width: 50% !important;
    float: right !important;
    background: #17b77b !important;
    color: #fff !important;
}

/*Logout Button starts*/
.logout {
    display: block;
    background-color: #ccc;
    margin-top: 11px;
}

    .logout .logout-block {
        width: 50%;
        float: left;
        text-align: center;
        background-color: #ccf6ff;
    }

        .logout .logout-block a, .logout .logout-block span {
            text-decoration: none;
            padding: 12px 10px;
            display: block;
            color: #444;
            font-size: 18px;
        }

            .logout .logout-block a:hover {
                color: #00afd4;
            }

        .logout .logout-block:first-child a {
            border-right: 1px solid #bde5ef;
        }

/*Logout Button Ends*/
.card p {
    text-align: center;
    font-size: 17px;
    margin: 15px 0px 0px 0px;
}
/* Bins Screen Ends*/

form {
    padding: 10px 20px;
}

    form input, form select {
        padding: 6px;
        border: 1px solid #d8d8d8;
        width: 120px;
        margin-bottom: 10px;
    }

    form select {
        width: 134px;
    }

.labelname {
    width: 135px;
    display: inline-block;
    text-align: left;
    color: #333;
}

.btn2 {
    background-color: #00afd4;
    color: #fff;
    text-decoration: none;
    padding: 8px 22px;
    border-radius: 20px;
}

.card .btn2:hover {
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
}

form.third {
    padding: 20px 20px 10px 20px;
}

    form.third input {
        padding: 6px;
        border: 1px solid #e6e6e6;
        width: 120px;
        margin-bottom: 10px;
    }

    form.third textarea {
        padding: 6px;
        border: 1px solid #e6e6e6;
        width: 259px;
        margin-bottom: 10px;
        height: 52px;
    }

    form.third .labelname {
        width: 135px;
        display: inline-block;
        color: #4e4e4e;
        text-align: left;
    }

    form.third span.labelname:first-child {
        width: 40px;
    }

    form.third input.first {
        width: 215px;
    }


.btn-group {
    height: 190px;
    overflow: auto;
    margin: 0px 20px;
    padding: 10px 0px;
}

.rd-two {
    padding: 6px;
    border: 1px solid #d8d8d8;
    width: 59px; /*RAM     width: 120px; */
    margin-bottom: 10px;
}

#paging ul li {
    float: left;
    margin: 0 5px;
}

#paging ul {
    list-style: none;
}

table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

    table tbody {
        display: inherit;
    }

th {
    background-color: #4c8fb1;
    color: #fff;
}


.autocomplete {
    position: absolute;
    height: auto;
    z-index: 1000;
    overflow: auto;
    background-color: #e2e2e2;
    min-width: 150px;
}

.clickButton {
    width: 100%;
}


/*For IE*/

.mobautocompletediv {
    position: absolute;
    height: auto;
    z-index: 1000;
    overflow: auto;
    background-color: #e2e2e2;
    min-width: 150px;
}

.over {
    color: #00afd4;
}

.btn1 {
    width: 100%;
    padding: 6px;
    border: none;
    background: #e2e2e2;
    margin-bottom: 4px;
    padding: 10px 0px;
    text-align: center;
}

.btn2 {
    width: 80%;
    padding: 6px;
    /*border: none;*/
    background: #e2e2e2;
    margin-bottom: 4px;
    padding: 10px 0px;
    color: #00afd4;
    border-color: #00afd4;
}

.table1 {
    width: 98%;
    overflow-y: scroll;
    background-color: #fff;
    margin: 0px auto;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
    border-radius: 0px 0px 5px 5px;
    border-top: 3px solid #00afd4;
    padding: 20px 10px;
    min-height: 275px;
}

    .table1 .input-field {
        border: 1px solid #d0d0d0;
        width: 67% !important;
        padding: 6px 0px;
        margin-bottom: 6px;
        border-radius: 3px;
        margin-left: 2%;
        text-indent: 10px;
    }

.main-btn {
    background-color: #00afd4;
    color: #fff;
}

.btn3 {
    width: 204%;
    padding: 6px;
    *padding-left: 31px;
    *
      background: #e2e2e2;
    margin-bottom: 4px;
    padding: 10px 0px;
    color: #00afd4;
    border-color: #00afd4;
}

.btn2 {
    width: 100%;
    padding: 6px;
    border: none;
    background: #e2e2e2;
    margin-bottom: 4px;
}


.btn1 {
    width: 100%;
    padding: 6px;
    border: none;
    background: #e2e2e2;
    margin-bottom: 4px;
    padding: 10px 0px;
}

.logintable {
    width: 100%;
    background-color: #fff;
    margin: 0px auto;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
    border-radius: 0px 0px 5px 5px;
    border-top: 3px solid #00afd4;
    padding: 20px 10px;
}

    .logintable .input-field {
        border: 1px solid #d0d0d0;
        width: 100%;
        padding: 6px 0px;
        margin-bottom: 6px;
        text-indent: 10px;
    }

.logintable {
    width: 340px !important;
    height: 100%;
}

    .logintable tr {
        height: 32px;
        background: #fff;
        width: 100% !important;
    }

        .logintable tr td {
            width: 95% !important;
            padding-left: 5%;
        }

            .logintable tr td input {
                border-radius: 3px;
            }

        .logintable tr:first-child {
            height: 100px;
            background: #fff;
            width: 100% !important;
        }

        .logintable tr:last-child {
            background: #632e2e;
        }

.main-btn {
    background-color: #00afd4;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    /*width: 100% !important;*/
    bottom: 0px;
    line-height: 25px !important;
}

select {
    width: 58% !important;
    padding: 5px;
    font-size: 15px;
    margin-left: 2%;
}

#txtPalletStaging {
    width: 30% !important;
}

#txtReqFolio {
    width: 97% !important;
}

#hidePickingMobile #txtReqFolio {
    width: 12% !important;
}

#txtDestinationLoc {
    width: 25% !important;
}

#btnStageLocationPending {
    width: 100% !important;
}

#hideLoad #txtReqFolio {
    width: 60% !important;
}

#hideLoad #txtCQCustomer {
    width: 45% !important;
}

#hideLoad #txtCustomer {
    width: 40% !important;
}

#hideLoad #btnLoadedSIDs {
    width: 35% !important;
}

#hideBlindCount #checkTobeIdentified {
    width: 30px !important;
}

#btnComplete {
    width: 58% !important;
}

#ddlSidList {
    width: 97% !important;
}

#btnBoxSids {
    display: none;
}

@media (min-width:421px) and (max-width:1366px) {
    .card .btn1 {
        font-size: 18px;
        color: #fff;
        text-decoration: none;
        background-color: #00afd4;
        border-radius: 5px;
        display: inline-block;
        width: 28%;
        margin: 10px;
        text-align: left;
        padding: 6px;
        margin-bottom: 8px;
    }

    .card {
        background-color: #fff;
        margin: 0px auto 0px auto;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
        border-radius: 0px 0px 5px 5px;
        border-top: 3px solid #00afd4;
        font-size: 100%;
        width: 100%;
        display: inline-block;
    }

    .main {
        width: 100%;
        height: auto;
        font-size: 100%;
    }

    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

        table tbody {
            display: inherit;
        }

        table tr {
            width: 49%;
            float: left;
            height: 37px;
            margin: .5%;
            background-color: #ebebeb;
        }

    tr td:first-child {
        width: 40% !important;
        line-height: 35px;
        font-size: 15px;
        font-weight: 500;
        float: left;
        padding-left: 2%;
        /* overflow: hidden; */
        /* text-overflow: ellipsis; */
        /* white-space: nowrap; */
    }

    tr td:last-child {
        width: 55%;
        display: inherit;
        line-height: 33px;
        float: left;
    }

    #hideLoad tr:first-child td {
        /* width: 100% !important; */
        /*float: right !important;*/
    }

        #hideLoad tr:first-child td input {
            width: 55%;
            display: inherit;
            line-height: 16px;
            float: right;
            border: 1px solid #d0d0d0;
            padding: 6px 0px;
            margin-bottom: 6px;
            border-radius: 3px;
            margin-right: 2%;
            text-indent: 10px;
            margin-top: 4px;
        }

    #hideLoad tr:nth-child(2) {
        /* margin-top: 44px !important; */
    }

    #hideLoad tr:first-child {
        width: 100%;
    }

    #hideLoad tr td:first-child {
        line-height: 35px;
        font-size: 15px;
        font-weight: 500;
        float: left;
        /* overflow: hidden; */
        /* text-overflow: ellipsis; */
        /* white-space: nowrap; */
        float: left !important;
    }

    #hideLoad tr td:last-child {
        width: 56%;
        display: inherit;
        line-height: 39px;
        float: left !important;
    }

    #hideLoad tr:last-child {
        background: none;
    }

    #hidePickingMobile tr:first-child td {
        /* width: 98% !important; */
        /* float: right !important; */
        padding-right: 1%;
    }

        #hidePickingMobile tr:first-child td input {
            width: 55%;
            display: inherit;
            line-height: 16px;
            float: right;
            border: 1px solid #d0d0d0;
            padding: 6px 0px;
            margin-bottom: 6px;
            border-radius: 3px;
            margin-right: 2%;
            text-indent: 10px;
            margin-top: 4px;
        }

    #hidePickingMobile tr:nth-child(2) {
        display: flow-root;
        height: 100%;
    }

        #hidePickingMobile tr:nth-child(2) td {
            width: 98% !important;
            display: inline-block;
        }

            #hidePickingMobile tr:nth-child(2) td span {
                width: 40% !important;
                float: left;
                line-height: 32px;
                margin-bottom: 3px;
            }

            #hidePickingMobile tr:nth-child(2) td input {
                width: 58% !important;
                float: left;
                height: 26px;
                line-height: 26px;
                margin-bottom: 3px;
                text-indent: 10px;
            }

    #hidePickingMobile tr td {
        width: 97%;
        line-height: 35px;
        font-size: 15px;
        font-weight: 500;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #hidePickingMobile #trDivCompletePicking span {
        width: 100% !important
    }

    #hidePickingMobile tr td span {
        width: 40%;
        display: inherit;
        line-height: 39px;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #hidePickingMobile tr td select {
        width: 58% !important;
    }

    #hidePickingMobile tr td input {
        width: 58% !important;
        float: right;
        line-height: 24px;
        margin-top: 2px;
        border-radius: 3px;
        border: 1px #ddd solid;
        text-indent: 10px;
    }

    #hidePickingMobile #trSudSid span {
        width: 20%;
    }

    #hidePickingMobile #trSudSid a {
        width: 15% !important;
        padding: 4px;
    }

    #hidePickingMobile tr:nth-last-child(3) {
        background: none !important;
    }

        #hidePickingMobile tr:nth-last-child(3) td {
            width: 48% !important;
        }

    #hidePickingMobile tr:nth-last-child(2) {
        background: none !important;
    }

    #hidePickingMobile tr:nth-last-child(1) {
        background: none !important;
    }

    #hidePickingMobile #trStaging {
        height: 97% !important;
    }

        #hidePickingMobile #trStaging td {
            width: 97% !important;
        }

            #hidePickingMobile #trStaging td span {
                width: 30% !important;
            }

    #hidePickingMobile #trPickingButtons {
        height: 97% !important;
    }

        #hidePickingMobile #trPickingButtons td {
            width: 97% !important;
        }

            #hidePickingMobile #trPickingButtons td span {
                width: 30% !important;
            }

    #hidePickingMobile #trYesOrNo {
        background: none !important;
    }

        #hidePickingMobile #trYesOrNo td {
            width: 48% !important;
        }

            #hidePickingMobile #trYesOrNo td input {
                width: 97% !important;
            }

    #hideBlindCount #txtRecTrailerShipmentId {
        width: 97% !important;
        padding: 3px !important;
        margin: 3px !important;
        height: 22px !important;
        line-height: 22px;
        background: #fff;
        border: 1px solid #d0d0d0;
    }

    #hideBlindCount #newSID td {
        width: 98% !important;
    }

        #hideBlindCount #newSID td table tr td {
            width: 48% !important;
        }

    #hideBlindCount #newSKU #txtNewSKU, #btnSaveSKU {
        width: 48% !important;
    }

    #hideBlindCount #divBinSku td {
        width: 98% !important;
    }

        #hideBlindCount #divBinSku td table tr td {
            width: 48% !important;
        }

    #hideBlindCount #pallets td #txtBoxes {
        width: 50% !important;
    }

    #trpieces td {
        width: 48% !important;
        float: left;
    }

    #trpieces #txtQuantity {
        width: 50% !important;
    }

    #hideBlindCount .main-btn {
        width: 50% !important;
        float: right;
        display: inline-block;
    }

    #divLotSku td {
        width: 98% !important;
    }

        #divLotSku td table tr td {
            width: 47% !important;
        }

    #hideDiv #spnPiecesInBoxes input {
        width: 30% !important;
    }

    #ulMaterialLocation {
        list-style: none;
        padding-left: 5px;
        display: inherit;
        margin: 0px;
        margin-left: -77%;
        max-height: 120px;
        overflow-y: auto;
    }

    #hideBlindCount #txtRecTrailerShipmentId {
        width: 97% !important;
        padding: 3px !important;
        margin: 3px !important;
        height: 22px !important;
        line-height: 22px;
        background: #fff;
        border: 1px solid #d0d0d0;
    }

    #ulMaterialLocation {
        list-style: none;
        padding-left: 5px;
        display: inherit;
        margin: 0px;
        margin-left: -77%;
        max-height: 120px;
        overflow-y: auto;
    }

    #hideLoadingTrailer tr:nth-child(5) {
        height: 80px;
        margin-right: 20%;
    }

    #hideLoadingTrailer .product-img {
        width: 94px;
        height: 59px;
        border: 5px #ebebeb solid;
        border-radius: 5px;
    }

    #UnloadTrailer tr:nth-child(6) {
        height: 120px;
    }

    #trSudSid td {
        width: 97% !important
    }

    #btnComplete {
        width: 58% !important;
    }

    #btnEdit {
        width: 40% !important;
        padding: 5px;
    }

    #trTransfer td {
        width: 98% !important;
    }

        #trTransfer td table tr td {
            width: 48% !important;
        }

    #tdPcsInPallets {
        width: 44% !important;
        float: left;
    }

        #tdPcsInPallets input {
            width: 58% !important;
        }

    #hideBlindCount #txtRecTrailerShipmentId {
        width: 50% !important;
        padding: 3px !important;
        margin: 3px !important;
        height: 22px !important;
        line-height: 22px;
        background: #fff;
        border: 1px solid #d0d0d0;
        float: left;
    }

    #hideBlindCount .main-btn {
        width: 44% !important;
        float: right;
        display: inline-block;
    }

    #trPalletsBoxes td {
        width: 100% !important;
    }

        #trPalletsBoxes td span {
            width: 20% !important;
        }

    #trPiecesTotPieces td {
        width: 100% !important;
    }

        #trPiecesTotPieces td span {
            width: 20% !important;
        }

    #trReqQtyPicQty td {
        width: 100% !important;
    }

        #trReqQtyPicQty td span {
            width: 20% !important;
        }

    #trRemaining td {
        width: 100% !important;
    }

        #trRemaining td span {
            width: 20% !important;
        }

    #trBinDetails td {
        width: 100% !important;
    }

    #trRemaining td span {
        width: 20% !important;
    }

    #trWayofShipping td {
        width: 100% !important;
    }

    #tdQualityStatus td {
        width: 95% !important;
    }

    #trBinScan td {
        width: 95% !important;
    }

    #tdBin td {
        width: 95% !important;
    }

    #trSid td {
        width: 95% !important;
    }

    #trBinPick td {
        width: 95% !important;
    }

    #trBoxes td {
        width: 95% !important;
    }

    #divBinSku {
        display: none;
    }

    #gridSids {
        display: inline-block;
        min-height: 148px !important;
    }

        #gridSids td {
            width: 98% !important;
            overflow-x: hidden !important;
            max-height: 144px;
            overflow-y: hidden !important;
        }

            #gridSids td table {
                overflow-x: hidden;
                border: 1px #ddd solid;
                height: 144px;
                overflow-y: hidden;
            }

                #gridSids td table thead {
                    width: 100% !important;
                    display: inline-block;
                    float: left;
                }

                    #gridSids td table thead tr {
                        width: 100% !important
                    }

                        #gridSids td table thead tr th {
                            width: 49% !important;
                            width: 33% !important;
                            display: inline-table;
                            border-right: 1px #fff solid;
                        }

                            #gridSids td table thead tr th:nth-child(1) {
                                width: 50% !important;
                                display: inline-table;
                                border-right: 1px #fff solid;
                            }

                            #gridSids td table thead tr th:nth-child(2) {
                                width: 22% !important;
                                display: inline-table;
                                border-right: 1px #fff solid;
                            }

                #gridSids td table tfoot {
                    display: inline-block;
                    position: relative;
                    top: 95px;
                    left: 20px;
                    float: left;
                    width: 100%;
                }

                    #gridSids td table tfoot tr {
                        height: 20px;
                        line-height: 20px;
                        margin-top: -10px;
                        width: 100% !important;
                    }

                        #gridSids td table tfoot tr td {
                            width: 100% !important;
                            display: inline-block;
                            overflow: hidden !important;
                            line-height: 24px !important;
                            height: 24px !important;
                            margin-top: 0px !important;
                        }

                            #gridSids td table tfoot tr td ul {
                                margin: -6px;
                            }

                                #gridSids td table tfoot tr td ul li a span {
                                    width: 100%;
                                }

                #gridSids td table tbody {
                    height: 63px;
                    max-height: 63px;
                    width: 100% !important;
                    display: inline-block;
                    float: left;
                    overflow-y: scroll;
                    overflow-x: hidden;
                }

                    #gridSids td table tbody tr {
                        width: 100% !important;
                        vertical-align: top;
                        overflow: hidden !important;
                        height: 20px;
                        line-height: 20px;
                        border-bottom: 1px #ddd solid;
                    }

                        #gridSids td table tbody tr:nth-child(2) td {
                            text-align: center !important;
                            height: 20px;
                            line-height: 20px !important;
                            overflow: hidden !important;
                            width: 28% !important;
                            float: left !important;
                            padding: 0 !important;
                        }

                        #gridSids td table tbody tr td {
                            text-align: center !important;
                            height: 20px;
                            line-height: 20px !important;
                            overflow: hidden !important;
                            width: 27% !important;
                            float: left !important;
                            padding: 0 !important;
                        }

                            #gridSids td table tbody tr td:nth-child(2) {
                                text-align: center !important;
                                height: 20px;
                                line-height: 20px !important;
                                overflow: hidden !important;
                                width: 22% !important;
                                float: left !important;
                                padding: 0 !important;
                            }

                            #gridSids td table tbody tr td:nth-child(1) {
                                text-align: center !important;
                                height: 20px;
                                line-height: 20px !important;
                                overflow: hidden !important;
                                width: 50% !important;
                                float: left !important;
                                padding: 0 !important;
                            }

                            #gridSids td table tbody tr td label {
                                /* width: 95% !important; */
                                text-align: center !important;
                            }


    #gridStageLocationPending {
        display: inline-block;
        min-height: 148px !important;
    }

        #gridStageLocationPending td {
            width: 98% !important;
            overflow-x: hidden !important;
            max-height: 144px;
            overflow-y: hidden !important;
        }

            #gridStageLocationPending td table {
                overflow-x: hidden;
                border: 1px #ddd solid;
                height: 144px;
                overflow-y: hidden;
            }

                #gridStageLocationPending td table thead {
                    width: 100% !important;
                    display: inline-block;
                    float: left;
                }

                    #gridStageLocationPending td table thead tr {
                        width: 100% !important
                    }

                        #gridStageLocationPending td table thead tr th {
                            width: 49% !important;
                            width: 33% !important;
                            display: inline-table;
                            border-right: 1px #fff solid;
                        }

                            #gridStageLocationPending td table thead tr th:nth-child(1) {
                                width: 42% !important;
                                display: inline-table;
                                border-right: 1px #fff solid;
                            }

                            #gridStageLocationPending td table thead tr th:nth-child(2) {
                                width: 22% !important;
                                display: inline-table;
                                border-right: 1px #fff solid;
                            }

                #gridStageLocationPending td table tfoot {
                    display: inline-block;
                    position: relative;
                    top: 86px;
                    left: 20px;
                    float: left;
                    width: 100%;
                }

                    #gridStageLocationPending td table tfoot tr {
                        height: 20px;
                        line-height: 20px;
                        margin-top: -10px;
                        width: 100% !important;
                    }

                        #gridStageLocationPending td table tfoot tr td {
                            width: 100% !important;
                            display: inline-block;
                            overflow: hidden !important;
                            line-height: 24px !important;
                            height: 24px !important;
                            margin-top: 0px !important;
                        }

                            #gridStageLocationPending td table tfoot tr td ul {
                                margin: -6px;
                            }

    #gridSids td table tfoot tr td ul li a span {
        width: 100%;
    }

    #gridStageLocationPending td table tbody {
        height: 63px;
        max-height: 63px;
        width: 100% !important;
        display: inline-block;
        float: left;
        overflow-y: scroll;
        overflow-x: hidden;
    }

        #gridStageLocationPending td table tbody tr {
            width: 100% !important;
            vertical-align: top;
            overflow: hidden !important;
            height: 20px;
            line-height: 20px;
            border-bottom: 1px #ddd solid;
        }

            #gridStageLocationPending td table tbody tr:nth-child(2) td {
                text-align: center !important;
                height: 20px;
                line-height: 20px !important;
                overflow: hidden !important;
                width: 32% !important;
                float: left !important;
                padding: 0 !important;
            }

    #gridStageLocationPending tr:nth-child(2) {
        height: auto;
    }

    #gridStageLocationPending td table tbody tr td {
        text-align: center !important;
        height: 20px;
        line-height: 20px !important;
        overflow: hidden !important;
        width: 32% !important;
        float: left !important;
        padding: 0 !important;
    }

    #gridStageLocationPending tr:nth-last-child(3) td {
        width: 32% !important;
    }

    #gridStageLocationPending td table tbody tr td:nth-child(2) {
        text-align: center !important;
        height: 20px;
        line-height: 20px !important;
        overflow: hidden !important;
        width: 22% !important;
        float: left !important;
        padding: 0 !important;
    }

    #gridStageLocationPending td table tbody tr td:nth-child(1) {
        text-align: center !important;
        height: 20px;
        line-height: 20px !important;
        overflow: hidden !important;
        width: 42% !important;
        float: left !important;
        padding: 0 !important;
    }

    #gridStageLocationPending td table tbody tr td label {
        /* width: 95% !important; */
        text-align: center !important;
    }

    #gridStageLocationPending tr td span {
        width: 100% !important;
    }

    .gridBoxSids #Grid_div-grid2 table tr th:nth-child(1) {
        width: 50% !important;
        display: inline-block;
        border-right: 1px #d4d4d4 solid;
    }

    .gridBoxSids #Grid_div-grid2 table tr th:nth-child(2) {
        width: 20% !important;
        display: inline-block;
        border-right: 1px #d4d4d4 solid;
    }

    .gridBoxSids #Grid_div-grid2 table tr th:nth-child(3) {
        width: 29% !important;
        display: inline-block;
        border-right: 1px #d4d4d4 solid;
    }

    .gridBoxSids #Grid_div-grid2 table tbody tr td:nth-child(1) {
        width: 48% !important;
        display: inline-block;
        border-right: 1px #d4d4d4 solid;
    }

    .gridBoxSids #Grid_div-grid2 table tbody tr td:nth-child(2) {
        width: 20% !important;
        display: inline-block;
        float: left !important;
        border-right: 1px #d4d4d4 solid;
    }

    .gridBoxSids #Grid_div-grid2 table tbody tr td:nth-child(3) {
        width: 28% !important;
        display: inline-block;
        float: right !important;
        border-right: 1px #d4d4d4 solid;
    }

    #gridBoxSids {
        display: block;
        min-height: 136px !important;
    }

        #gridBoxSids td {
            width: 98% !important;
            overflow-x: hidden !important;
            max-height: 144px;
            overflow-y: hidden !important;
        }

            #gridBoxSids td table {
                overflow-x: hidden;
                border: 1px #ddd solid;
            }

                #gridBoxSids td table thead {
                    width: 100% !important;
                    display: inline-block;
                    float: left;
                }

                #gridBoxSids td table tfoot {
                    display: block;
                    position: relative;
                    margin-top: 130px;
                }

                    #gridBoxSids td table tfoot tr {
                        height: 20px;
                        line-height: 20px;
                        margin-top: -10px;
                    }

                        #gridBoxSids td table tfoot tr td {
                            width: 50% !important;
                            display: inline-block;
                            overflow: hidden !important;
                            line-height: 20px !important;
                            height: 20px !important;
                            margin-top: -10px !important;
                        }

                            #gridBoxSids td table tfoot tr td ul {
                                margin: 0px;
                            }

                #gridBoxSids td table tbody {
                    vertical-align: top;
                    overflow-x: hidden !important;
                    max-height: 63px;
                    min-height: 63px;
                    float: left;
                    margin-top: -100px;
                    width: 100%;
                }

                    #gridBoxSids td table tbody tr {
                        width: 100% !important;
                        vertical-align: top;
                        overflow: hidden !important;
                        height: 20px;
                        line-height: 20px;
                        border-bottom: 1px #ddd solid;
                    }

                        #gridBoxSids td table tbody tr td {
                            width: 48% !important;
                            text-align: center !important;
                            height: 20px;
                            line-height: 20px !important;
                            overflow: hidden !important;
                        }

                            #gridBoxSids td table tbody tr td label {
                                width: 95% !important;
                                text-align: center !important;
                            }

    #gridTablerow {
        display: block;
        min-height: 136px !important;
    }

        #gridTablerow td {
            width: 98% !important;
            overflow-x: hidden !important;
            max-height: 144px;
            overflow-y: hidden !important;
        }

            #gridTablerow td table {
                overflow-x: hidden;
                border: 1px #ddd solid;
            }

                #gridTablerow td table thead {
                    width: 100% !important;
                    display: inline-block;
                }

                    #gridTablerow td table thead tr {
                        width: 100% !important;
                    }

                        #gridTablerow td table thead tr th {
                            width: 32% !important;
                            text-align: center !important;
                            overflow: hidden !important;
                            float: left;
                        }

                #gridTablerow td table tfoot {
                    display: block;
                    position: fixed;
                    margin-top: 86px;
                    width: 44%;
                }

                    #gridTablerow td table tfoot tr {
                        height: 20px;
                        line-height: 20px;
                        margin-top: -10px;
                        width: 100%;
                    }

                        #gridTablerow td table tfoot tr td {
                            width: 100% !important;
                            display: inline-block;
                            overflow: hidden !important;
                            line-height: 20px !important;
                            height: 20px !important;
                            margin-top: -10px !important;
                        }

                            #gridTablerow td table tfoot tr td ul {
                                margin: 0px;
                            }

                #gridTablerow td table tbody {
                    vertical-align: top;
                    overflow-x: hidden !important;
                    max-height: 63px;
                    min-height: 63px;
                }

                    #gridTablerow td table tbody tr {
                        width: 100% !important;
                        vertical-align: top;
                        overflow: hidden !important;
                        height: 20px;
                        line-height: 20px;
                        border-bottom: 1px #ddd solid;
                    }

                        #gridTablerow td table tbody tr td {
                            width: 32% !important;
                            text-align: center !important;
                            height: 20px;
                            line-height: 20px !important;
                            overflow: hidden !important;
                            float: left;
                        }

                            #gridTablerow td table tbody tr td label {
                                width: 95% !important;
                                text-align: center !important;
                            }





    #Binsgrid {
        display: block;
        min-height: 136px !important;
    }

        #Binsgrid td {
            width: 98% !important;
            overflow-x: hidden !important;
            max-height: 144px;
            overflow-y: hidden !important;
        }

            #Binsgrid td table {
                overflow-x: hidden;
                border: 1px #ddd solid;
            }

                #Binsgrid td table thead {
                    width: 100% !important;
                    display: inline-block;
                }

                    #Binsgrid td table thead tr {
                        width: 100% !important;
                    }

                        #Binsgrid td table thead tr th {
                            width: 50% !important;
                            text-align: center !important;
                            overflow: hidden !important;
                            float: left;
                        }

                #Binsgrid td table tfoot {
                    display: block;
                    position: fixed;
                    margin-top: 86px;
                    width: 44%;
                }

                    #Binsgrid td table tfoot tr {
                        height: 20px;
                        line-height: 20px;
                        margin-top: -10px;
                        width: 100%;
                    }

                        #Binsgrid td table tfoot tr td {
                            width: 105% !important;
                            display: inline-block;
                            overflow: hidden !important;
                            line-height: 20px !important;
                            height: 20px !important;
                            margin-top: -10px !important;
                        }

                            #Binsgrid td table tfoot tr td ul {
                                margin: 0px;
                            }

                #Binsgrid td table tbody {
                    vertical-align: top;
                    overflow-x: hidden !important;
                    max-height: 63px;
                    min-height: 63px;
                }

                    #Binsgrid td table tbody tr {
                        width: 100% !important;
                        vertical-align: top;
                        overflow: hidden !important;
                        height: 20px;
                        line-height: 20px;
                        border-bottom: 1px #ddd solid;
                    }

                        #Binsgrid td table tbody tr td {
                            width: 50% !important;
                            text-align: center !important;
                            height: 20px;
                            line-height: 20px !important;
                            overflow: hidden !important;
                            float: left;
                        }

                            #Binsgrid td table tbody tr td label {
                                width: 95% !important;
                                text-align: center !important;
                            }





    #originalPalletsgrid {
        display: block;
        min-height: 136px !important;
    }

        #originalPalletsgrid td {
            width: 98% !important;
            overflow-x: hidden !important;
            max-height: 144px;
            overflow-y: hidden !important;
        }

            #originalPalletsgrid td table {
                overflow-x: hidden;
                border: 1px #ddd solid;
            }

                #originalPalletsgrid td table thead {
                    width: 100% !important;
                    display: inline-block;
                }

                    #originalPalletsgrid td table thead tr {
                        width: 100% !important;
                    }

                        #originalPalletsgrid td table thead tr th {
                            width: 32% !important;
                            text-align: center !important;
                            overflow: hidden !important;
                            float: left;
                        }

                #originalPalletsgrid td table tfoot {
                    display: block;
                    position: fixed;
                    margin-top: 86px;
                    width: 44%;
                }

                    #originalPalletsgrid td table tfoot tr {
                        height: 20px;
                        line-height: 20px;
                        margin-top: -10px;
                        width: 100%;
                    }

                        #originalPalletsgrid td table tfoot tr td {
                            width: 100% !important;
                            display: inline-block;
                            overflow: hidden !important;
                            line-height: 20px !important;
                            height: 20px !important;
                            margin-top: -10px !important;
                        }

                            #originalPalletsgrid td table tfoot tr td ul {
                                margin: 0px;
                            }

                #originalPalletsgrid td table tbody {
                    vertical-align: top;
                    overflow-x: hidden !important;
                    max-height: 63px;
                    min-height: 63px;
                }

                    #originalPalletsgrid td table tbody tr {
                        width: 100% !important;
                        vertical-align: top;
                        overflow: hidden !important;
                        height: 20px;
                        line-height: 20px;
                        border-bottom: 1px #ddd solid;
                    }

                        #originalPalletsgrid td table tbody tr td {
                            width: 32% !important;
                            text-align: center !important;
                            height: 20px;
                            line-height: 20px !important;
                            overflow: hidden !important;
                            float: left;
                        }

                            #originalPalletsgrid td table tbody tr td label {
                                width: 95% !important;
                                text-align: center !important;
                            }






    #hideLoadingTrailer {
        width: 98%;
        overflow-y: -webkit-paged-y;
        background-color: #fff;
        margin: 0px auto;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
        border-radius: 0px 0px 5px 5px;
        border-top: 3px solid #00afd4;
        padding: 5px 10px;
        height: auto;
        display: inline-block;
    }

        #hideLoadingTrailer .main-btn {
            width: 50% !important;
        }

    #hideCycleCount {
        overflow-y: -webkit-paged-y;
    }

    #gridSids td table thead tr {
        width: 100% !important;
        display: flex;
    }

    #hideSidSubDivide tr:nth-child(3) td {
        width: 100% !important;
    }

        #hideSidSubDivide tr:nth-child(3) td #txtScanOriginalSID {
            width: 50% !important;
        }

    #ddlSplittedSidList {
        width: 97% !important;
    }

    #trForm {
        height: 200px;
        width: 100%;
    }

        #trForm td {
            width: 100% !important;
        }

    #file-form {
        width: 100% !important;
    }

    #fileUpload {
        width: 25%;
    }

    #divImage {
        width: 95% !important;
        display: flex !important;
        overflow-x: scroll;
    }

    .image-span {
        width: 135px !important;
        height: 100px !important;
        display: inline-block !important;
        float: left !important;
        margin-right: 10px !important;
    }

    #divComment {
        width: 25%;
        float: left;
        line-height: 42px;
    }

    #hideTransferInternal tr:nth-child(9) {
        height: 80px !important;
    }

    #selectedSid {
        margin: 0px;
        height: 76px;
        overflow-y: scroll;
    }

        #selectedSid li {
            line-height: 24px;
        }
    #selectedBin {
        margin: 0px;
        height: 50px;
        overflow-y: scroll;
    }

        #selectedBin li {
            line-height: 24px;
        }

    #trSelectedBins {
        height: 50px;
    }

        #trSelectedBins input {
            margin: 0px;
        }

        #trSelectedBins span {
            font-size: 14px;
            display: block;
            height: 14px;
            margin-top: -8px;
        }

    #scannedSidTr {
        height: 80px !important;
    }

        #scannedSidTr #selectedSid {
            margin: 0px;
            height: 76px;
            overflow-y: scroll;
        }

            #scannedSidTr #selectedSid li {
                line-height: 24px;
            }




    #trSeletedSids {
        height: 50px;
    }

        #trSeletedSids input {
            margin: 0px;
        }

        #trSeletedSids span {
            font-size: 14px;
            display: block;
            height: 14px;
            margin-top: -8px;
        }

    #trSku td {
        width: 75% !important
    }

    #trSku span {
        width: 25% !important
    }

    .gridTablerow-grid #Grid_div-grid table tr th:first-child {
        width: 50% !important;
        border-right: 1px #fff solid;
    }

    .gridTablerow-grid #Grid_div-grid table tr th:nth-child(2) {
        width: 20% !important;
        border-right: 1px #fff solid;
    }

    .gridTablerow-grid #Grid_div-grid table tr th:nth-child(3) {
        width: 28% !important;
    }

    .gridTablerow-grid #Grid_div-grid table tbody tr td:first-child {
        width: 50% !important;
    }

    .gridTablerow-grid #Grid_div-grid table tbody tr td:nth-child(2) {
        width: 20% !important;
        float: left !important;
    }

    .gridTablerow-grid #Grid_div-grid table tbody tr td:nth-child(3) {
        width: 25% !important;
    }

    .gridTablerow-grid #Grid_div-grid table tfoot tr {
        width: 216% !important;
    }


    #originalPalletsgrid {
        display: inline-block;
        height: 120px;
        overflow-y: hidden;
        overflow-x: hidden;
    }

        #originalPalletsgrid #div-OriginalPalletsgrid {
            width: 100% !important;
            padding-left: 0px;
            overflow: hidden;
        }

            #originalPalletsgrid #div-OriginalPalletsgrid thead {
                width: 100%;
                display: inline-block;
                float: left;
            }

                #originalPalletsgrid #div-OriginalPalletsgrid thead tr {
                    width: 98%;
                    display: flex;
                }

                #originalPalletsgrid #div-OriginalPalletsgrid thead th {
                    width: 50% !important;
                    border-right: 1px #eee solid;
                }

            #originalPalletsgrid #div-OriginalPalletsgrid tbody {
                display: inline-block;
                width: 100%;
                height: 74px;
                overflow-y: scroll;
                margin-top: 0px;
                vertical-align: top;
                float: left;
                overflow-x: hidden;
            }

                #originalPalletsgrid #div-OriginalPalletsgrid tbody tr {
                    width: 100%;
                    display: inline-flex;
                    height: 25px;
                }

                    #originalPalletsgrid #div-OriginalPalletsgrid tbody tr td {
                        width: 49% !important;
                        float: left;
                        text-align: center;
                        display: block;
                        height: 20px !important;
                        border-bottom: 1px #ddd solid;
                        line-height: 20px;
                    }

            #originalPalletsgrid #div-OriginalPalletsgrid tfoot {
                position: absolute;
                width: 45.6%;
                margin-top: 104px;
                vertical-align: top;
            }

            #originalPalletsgrid #div-OriginalPalletsgrid tr {
                width: 100% !important;
                display: inline-table;
                border-top: 1px #cacaca solid;
                margin: 0px;
            }

            #originalPalletsgrid #div-OriginalPalletsgrid td {
                width: 100% !important;
            }

            #originalPalletsgrid #div-OriginalPalletsgrid tfoot div {
                height: 25px;
            }

            #originalPalletsgrid #div-OriginalPalletsgrid tfoot ul {
                display: inline-block;
                padding: 0px;
                margin: 0px;
                height: 25px;
                line-height: 25px;
            }
}

@media (min-width:421px) and (max-width:1024px) {
    .card .btn1 {
        font-size: 35px;
        color: #fff;
        text-decoration: none;
        background-color: #00afd4;
        border-radius: 5px;
        display: inline-block;
        width: 97%;
        margin: 10px;
        text-align: left;
        padding: 6px;
        margin-bottom: 8px;
    }


    .card {
        background-color: #fff;
        margin: 0px auto 0px auto;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
        border-radius: 0px 0px 5px 5px;
        border-top: 3px solid #00afd4;
        font-size: 100%;
        width: 100%;
        display: inline-block;
    }


    .logout .logout-block a, .logout .logout-block span {
        text-decoration: none;
        padding: 12px 10px;
        display: block;
        color: #444;
        font-size: 35px;
    }


    .main {
        width: 100%;
        height: auto;
        font-size: 100%;
    }

    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

        table tbody {
            display: inherit;
        }

        table tr {
            width: 49%;
            float: left;
            height: 37px;
            margin: .5%;
            background-color: #ebebeb;
        }

    tr td:first-child {
        width: 41% !important;
        line-height: 35px;
        font-size: 15px;
        font-weight: 500;
        float: left;
        padding-left: 2%;
        /* overflow: hidden; */
        /* text-overflow: ellipsis; */
        /* white-space: nowrap; */
    }

    #divBinSku {
        display: none;
    }

    tr td:last-child {
        width: 55%;
        display: inherit;
        line-height: 33px;
        float: left;
    }

    /*#hideLoad tr:first-child td {
        width: 100% !important;
        float: right !important;
    }*/

    #hideLoad tr:first-child td input {
        width: 55%;
        display: inherit;
        line-height: 16px;
        float: right;
        border: 1px solid #d0d0d0;
        padding: 6px 0px;
        margin-bottom: 6px;
        border-radius: 3px;
        margin-right: 2%;
        text-indent: 10px;
        margin-top: 4px;
    }

    #hideLoad tr:nth-child(2) {
        /* margin-top: 44px !important; */
    }

    #hideLoadingTrailer tr:nth-child(4) {
        margin-right: 20%
    }

    #hideTransferInternal tr:nth-child(5) {
        height: 90px;
        float: right;
    }

    #selectedSid {
        list-style: none;
        padding-left: 5px;
        margin: 0px;
        height: 90px;
        overflow-y: scroll;
    }

    #hideLoad tr:first-child {
        /* display: flex; */
        width: 100%;
    }

    #hideLoad tr td:first-child {
        line-height: 35px;
        font-size: 15px;
        font-weight: 500;
        float: left;
        /* overflow: hidden; */
        /* text-overflow: ellipsis; */
        /* white-space: nowrap; */
        float: left !important;
    }

    .gridTablerow-grid #Grid_div-grid table tr th:first-child {
        width: 50% !important;
    }

    .gridTablerow-grid #Grid_div-grid table tr th:nth-child(2) {
        width: 20% !important;
    }

    .gridTablerow-grid #Grid_div-grid table tr th:nth-child(3) {
        width: 28% !important;
    }

    .gridTablerow-grid #Grid_div-grid table tbody tr td:first-child {
        width: 50% !important;
    }

    .gridTablerow-grid #Grid_div-grid table tbody tr td:nth-child(2) {
        width: 20% !important;
        float: left !important;
    }

    .gridTablerow-grid #Grid_div-grid table tbody tr td:nth-child(3) {
        width: 25% !important;
    }

    .gridTablerow-grid #Grid_div-grid table tfoot tr {
        width: 216% !important;
    }

    #hideLoad tr td:last-child {
        width: 56%;
        display: inherit;
        line-height: 39px;
        float: left !important;
    }

    #hideLoad tr:last-child {
        background: none;
    }

    #hidePickingMobile tr:first-child td {
        width: 98% !important;
        float: right !important;
        padding-right: 1%;
    }

        #hidePickingMobile tr:first-child td input {
            width: 55%;
            display: inherit;
            line-height: 16px;
            float: right;
            border: 1px solid #d0d0d0;
            padding: 6px 0px;
            margin-bottom: 6px;
            border-radius: 3px;
            margin-right: 2%;
            text-indent: 10px;
            margin-top: 4px;
        }

    #hidePickingMobile tr:nth-child(2) {
        display: flow-root;
        height: 100%;
    }

        #hidePickingMobile tr:nth-child(2) td {
            width: 98% !important;
            display: inline-block;
        }

            #hidePickingMobile tr:nth-child(2) td span {
                width: 40% !important;
                float: left;
                line-height: 32px;
                margin-bottom: 3px;
            }

            #hidePickingMobile tr:nth-child(2) td input {
                width: 58% !important;
                float: left;
                height: 26px;
                line-height: 26px;
                margin-bottom: 3px;
                text-indent: 10px;
            }

    #hidePickingMobile tr td {
        width: 97%;
        line-height: 35px;
        font-size: 15px;
        font-weight: 500;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #hidePickingMobile #trDivCompletePicking span {
        width: 100% !important
    }

    #hidePickingMobile tr td span {
        width: 40%;
        display: inherit;
        line-height: 39px;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #hidePickingMobile tr td select {
        width: 58% !important;
    }

    #hidePickingMobile tr td input {
        width: 58% !important;
        float: right;
        line-height: 24px;
        margin-top: 2px;
        border-radius: 3px;
        border: 1px #ddd solid;
        text-indent: 10px;
    }

    #hidePickingMobile #trSudSid span {
        width: 20%;
    }

    #hidePickingMobile #trSudSid a {
        width: 15% !important;
        padding: 4px;
    }

    #hidePickingMobile tr:nth-last-child(3) {
        background: none !important;
    }

        #hidePickingMobile tr:nth-last-child(3) td {
            width: 48% !important;
        }

    #hidePickingMobile tr:nth-last-child(2) {
        background: none !important;
    }

    #hidePickingMobile tr:nth-last-child(1) {
        background: none !important;
    }

    #hidePickingMobile #trStaging {
        height: 97% !important;
    }

        #hidePickingMobile #trStaging td {
            width: 97% !important;
        }

            #hidePickingMobile #trStaging td span {
                width: 30% !important;
            }

    #hidePickingMobile #trPickingButtons {
        height: 97% !important;
    }

        #hidePickingMobile #trPickingButtons td {
            width: 97% !important;
        }

            #hidePickingMobile #trPickingButtons td span {
                width: 30% !important;
            }

    #hidePickingMobile #trYesOrNo {
        background: none !important;
    }

        #hidePickingMobile #trYesOrNo td {
            width: 48% !important;
        }

            #hidePickingMobile #trYesOrNo td input {
                width: 97% !important;
            }

    #hideBlindCount #txtRecTrailerShipmentId {
        width: 97% !important;
        padding: 3px !important;
        margin: 3px !important;
        height: 22px !important;
        line-height: 22px;
        background: #fff;
        border: 1px solid #d0d0d0;
    }

    #hideBlindCount #newSID td {
        width: 98% !important;
    }

        #hideBlindCount #newSID td table tr td {
            width: 48% !important;
        }

    #hideBlindCount #newSKU #txtNewSKU, #btnSaveSKU {
        width: 48% !important;
    }

    #hideBlindCount #divBinSku td {
        width: 98% !important;
    }

        #hideBlindCount #divBinSku td table tr td {
            width: 48% !important;
        }

    #hideBlindCount #pallets td #txtBoxes {
        width: 50% !important;
    }

    #trpieces td {
        width: 48% !important;
        float: left;
    }

    #trpieces #txtQuantity {
        width: 50% !important;
    }

    #hideBlindCount .main-btn {
        width: 44% !important;
        float: right;
        display: inline-block;
    }

    #divLotSku td {
        width: 98% !important;
    }

        #divLotSku td table tr td {
            width: 47% !important;
        }

    #hideDiv #spnPiecesInBoxes input {
        width: 30% !important;
    }

    #ulMaterialLocation {
        list-style: none;
        padding-left: 5px;
        display: inherit;
        margin: 0px;
        margin-left: -77%;
        max-height: 120px;
        overflow-y: auto;
    }

    #hideBlindCount #txtRecTrailerShipmentId {
        width: 50% !important;
        padding: 3px !important;
        margin: 3px !important;
        height: 22px !important;
        line-height: 22px;
        background: #fff;
        border: 1px solid #d0d0d0;
        float: left;
    }

    #ulMaterialLocation {
        list-style: none;
        padding-left: 5px;
        display: inherit;
        margin: 0px;
        margin-left: -77%;
        max-height: 120px;
        overflow-y: auto;
    }

    #hideLoadingTrailer tr:nth-child(5) {
        height: 80px;
    }

    #hideLoadingTrailer .product-img {
        width: 94px;
        height: 59px;
        border: 5px #ebebeb solid;
        border-radius: 5px;
    }

    #UnloadTrailer tr:nth-child(6) {
        height: 120px;
    }

    #trSudSid td {
        width: 97% !important
    }

    #btnComplete {
        width: 58% !important;
    }

    #btnEdit {
        width: 40% !important;
        padding: 5px;
    }

    #trTransfer td {
        width: 98% !important;
    }

        #trTransfer td table tr td {
            width: 48% !important;
        }

    #tdPcsInPallets {
        width: 44% !important;
        float: left;
    }

        #tdPcsInPallets input {
            width: 58% !important;
        }

    #trPalletsBoxes td {
        width: 100% !important;
    }

        #trPalletsBoxes td span {
            width: 20% !important;
        }

    #trPiecesTotPieces td {
        width: 100% !important;
    }

        #trPiecesTotPieces td span {
            width: 20% !important;
        }

    #trReqQtyPicQty td {
        width: 100% !important;
    }

        #trReqQtyPicQty td span {
            width: 20% !important;
        }

    #trRemaining td {
        width: 100% !important;
    }

        #trRemaining td span {
            width: 20% !important;
        }

    #trBinDetails td {
        width: 100% !important;
    }

    #trRemaining td span {
        width: 20% !important;
    }

    #trWayofShipping td {
        width: 100% !important;
    }

    #tdQualityStatus td {
        width: 95% !important;
    }

    #trBinScan td {
        width: 95% !important;
    }

    #tdBin td {
        width: 95% !important;
    }

    #trSid td {
        width: 95% !important;
    }

    #trBinPick td {
        width: 95% !important;
    }

    #trBoxes td {
        width: 95% !important;
    }

    #divBinSku {
        display: none;
    }

    #gridSids {
        display: block;
        min-height: 143px !important;
    }

        #gridSids td {
            width: 98% !important;
            overflow-x: hidden !important;
            max-height: 144px;
            overflow-y: hidden !important;
        }

            #gridSids td table {
                overflow: hidden;
                border: 1px #ddd solid;
                height: 146px;
            }

                #gridSids td table thead {
                    width: 100% !important;
                    display: inline-block;
                }

                    #gridSids td table thead tr {
                        width: 100% !important;
                        display: flex;
                    }

                #gridSids td table tfoot {
                    display: block;
                    position: relative;
                    margin-top: 0px;
                }

                    #gridSids td table tfoot tr {
                        height: 20px;
                        line-height: 20px;
                        margin-top: -10px;
                    }

                        #gridSids td table tfoot tr td {
                            width: 50% !important;
                            display: inline-block;
                            overflow: hidden !important;
                            line-height: 20px !important;
                            height: 20px !important;
                            margin-top: -12px !important;
                            border-top: 1px #b0d0e0 solid;
                        }

                            #gridSids td table tfoot tr td ul {
                                margin: 0px;
                            }

                #gridSids td table tbody {
                    vertical-align: top;
                    overflow-x: hidden !important;
                    max-height: 75px;
                    min-height: 75px;
                    margin-top: -8px;
                }

                    #gridSids td table tbody tr {
                        width: 100% !important;
                        vertical-align: top;
                        overflow: hidden !important;
                        height: 20px;
                        line-height: 20px;
                        border-bottom: 1px #ddd solid;
                    }

                        #gridSids td table tbody tr td {
                            width: 48% !important;
                            text-align: center !important;
                            height: 20px;
                            line-height: 20px;
                            overflow: hidden !important;
                        }

                            #gridSids td table tbody tr td label {
                                width: 95% !important;
                                text-align: center !important;
                            }

    #gridBoxSids {
        display: block;
        min-height: 128px !important;
    }

        #gridBoxSids td {
            width: 98% !important;
            overflow-x: hidden !important;
            max-height: 144px;
            overflow-y: hidden !important;
        }

            #gridBoxSids td table {
                overflow: hidden;
                border: 1px #ddd solid;
                height: 126px;
            }

                #gridBoxSids td table thead {
                    width: 100% !important;
                    display: inline-block;
                }

                #gridBoxSids td table tfoot {
                    display: block;
                    position: relative;
                    margin-top: 86px;
                }

    .gridBoxSids tfoot {
        display: block;
        position: relative;
        margin-top: 126px !important;
    }

    #gridBoxSids td table tfoot tr {
        height: 20px;
        line-height: 20px;
        margin-top: -10px;
    }

        #gridBoxSids td table tfoot tr td {
            width: 50% !important;
            display: inline-block;
            overflow: hidden !important;
            line-height: 20px !important;
            height: 20px !important;
            margin-top: -12px !important;
            border-top: 1px #b0d0e0 solid;
        }

            #gridBoxSids td table tfoot tr td ul {
                margin: 0px;
            }

    #gridBoxSids td table tbody {
        vertical-align: top;
        overflow-x: hidden !important;
        max-height: 63px;
        min-height: 63px;
        margin-top: -89px;
    }

        #gridBoxSids td table tbody tr {
            width: 100% !important;
            vertical-align: top;
            overflow: hidden !important;
            height: 20px;
            line-height: 20px;
            border-bottom: 1px #ddd solid;
        }

            #gridBoxSids td table tbody tr td {
                width: 48% !important;
                text-align: center !important;
                height: 20px;
                line-height: 20px;
                overflow: hidden !important;
            }

                #gridBoxSids td table tbody tr td label {
                    width: 95% !important;
                    text-align: center !important;
                }

    #gridTablerow {
        display: block;
        min-height: 128px !important;
    }

        #gridTablerow td {
            width: 98% !important;
            overflow-x: hidden !important;
            max-height: 144px;
            overflow-y: hidden !important;
        }

            #gridTablerow td table {
                overflow: hidden;
                border: 1px #ddd solid;
                height: 126px;
            }

                #gridTablerow td table thead {
                    width: 100% !important;
                    display: inline-block;
                }

                #gridTablerow td table tfoot {
                    display: block;
                    position: relative;
                    margin-top: 86px;
                }

                    #gridTablerow td table tfoot tr {
                        height: 20px;
                        line-height: 20px;
                        margin-top: -10px;
                        width: 200%;
                    }

                        #gridTablerow td table tfoot tr td {
                            width: 112% !important;
                            display: inline-block;
                            overflow: hidden !important;
                            line-height: 20px !important;
                            height: 20px !important;
                            margin-top: -12px !important;
                            border-top: 1px #b0d0e0 solid;
                        }

                            #gridTablerow td table tfoot tr td ul {
                                margin: 0px;
                            }

                #gridTablerow td table tbody {
                    vertical-align: top;
                    overflow-x: hidden !important;
                    max-height: 63px;
                    min-height: 63px;
                    margin-top: -89px;
                }

                    #gridTablerow td table tbody tr {
                        width: 100% !important;
                        vertical-align: top;
                        overflow: hidden !important;
                        height: 20px;
                        line-height: 20px;
                        border-bottom: 1px #ddd solid;
                    }

                        #gridTablerow td table tbody tr td {
                            width: 32% !important;
                            text-align: center !important;
                            height: 20px;
                            line-height: 20px !important;
                            overflow: hidden !important;
                            float: left;
                        }

                            #gridTablerow td table tbody tr td label {
                                width: 95% !important;
                                text-align: center !important;
                            }





    #Binsgrid {
        display: block;
        min-height: 128px !important;
    }

        #Binsgrid td {
            width: 98% !important;
            overflow-x: hidden !important;
            max-height: 144px;
            overflow-y: hidden !important;
        }

            #Binsgrid td table {
                overflow: hidden;
                border: 1px #ddd solid;
                height: 126px;
            }

                #Binsgrid td table thead {
                    width: 100% !important;
                    display: inline-block;
                }

                #Binsgrid td table tfoot {
                    display: block;
                    position: relative;
                    margin-top: 86px;
                }

                    #Binsgrid td table tfoot tr {
                        height: 20px;
                        line-height: 20px;
                        margin-top: -10px;
                        width: 200%;
                    }

                        #Binsgrid td table tfoot tr td {
                            width: 112% !important;
                            display: inline-block;
                            overflow: hidden !important;
                            line-height: 20px !important;
                            height: 20px !important;
                            margin-top: -12px !important;
                            border-top: 1px #b0d0e0 solid;
                        }

                            #Binsgrid td table tfoot tr td ul {
                                margin: 0px;
                            }

                #Binsgrid td table tbody {
                    vertical-align: top;
                    overflow-x: hidden !important;
                    max-height: 63px;
                    min-height: 63px;
                    margin-top: -89px;
                }

                    #Binsgrid td table tbody tr {
                        width: 100% !important;
                        vertical-align: top;
                        overflow: hidden !important;
                        height: 20px;
                        line-height: 20px;
                        border-bottom: 1px #ddd solid;
                    }

                        #Binsgrid td table tbody tr td {
                            width: 32% !important;
                            text-align: center !important;
                            height: 20px;
                            line-height: 20px !important;
                            overflow: hidden !important;
                            float: left;
                        }

                            #Binsgrid td table tbody tr td label {
                                width: 95% !important;
                                text-align: center !important;
                            }








    #originalPalletsgrid {
        display: block;
        min-height: 128px !important;
    }

        #originalPalletsgrid td {
            width: 98% !important;
            overflow-x: hidden !important;
            max-height: 144px;
            overflow-y: hidden !important;
        }

            #originalPalletsgrid td table {
                overflow: hidden;
                border: 1px #ddd solid;
                height: 126px;
            }

                #originalPalletsgrid td table thead {
                    width: 100% !important;
                    display: inline-block;
                }

                #originalPalletsgrid td table tfoot {
                    display: block;
                    position: relative;
                    margin-top: 86px;
                }

                    #originalPalletsgrid td table tfoot tr {
                        height: 20px;
                        line-height: 20px;
                        margin-top: -10px;
                        width: 200%;
                    }

                        #originalPalletsgrid td table tfoot tr td {
                            width: 112% !important;
                            display: inline-block;
                            overflow: hidden !important;
                            line-height: 20px !important;
                            height: 20px !important;
                            margin-top: -12px !important;
                            border-top: 1px #b0d0e0 solid;
                        }

                            #originalPalletsgrid td table tfoot tr td ul {
                                margin: 0px;
                            }

                #originalPalletsgrid td table tbody {
                    vertical-align: top;
                    overflow-x: hidden !important;
                    max-height: 63px;
                    min-height: 63px;
                    margin-top: -89px;
                }

                    #originalPalletsgrid td table tbody tr {
                        width: 100% !important;
                        vertical-align: top;
                        overflow: hidden !important;
                        height: 20px;
                        line-height: 20px;
                        border-bottom: 1px #ddd solid;
                    }

                        #originalPalletsgrid td table tbody tr td {
                            width: 32% !important;
                            text-align: center !important;
                            height: 20px;
                            line-height: 20px !important;
                            overflow: hidden !important;
                            float: left;
                        }

                            #originalPalletsgrid td table tbody tr td label {
                                width: 95% !important;
                                text-align: center !important;
                            }



    #hideLoadingTrailer {
        width: 98%;
        overflow-y: -webkit-paged-y;
        background-color: #fff;
        margin: 0px auto;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
        border-radius: 0px 0px 5px 5px;
        border-top: 3px solid #00afd4;
        padding: 5px 10px;
        height: auto;
        display: inline-block;
    }

        #hideLoadingTrailer .main-btn {
            width: 50% !important;
        }

    #hideCycleCount {
        overflow-y: -webkit-paged-y;
    }

    #hideSidSubDivide tr:nth-child(3) td {
        width: 100% !important;
    }

        #hideSidSubDivide tr:nth-child(3) td #txtScanOriginalSID {
            width: 50% !important;
        }

    #ddlSplittedSidList {
        width: 97% !important;
    }

    #trForm {
        height: 200px;
        width: 100%;
    }

        #trForm td {
            width: 100% !important;
        }

    #file-form {
        width: 100% !important;
    }

    #fileUpload {
        width: 25%;
    }

    #divImage {
        width: 95% !important;
        display: flex !important;
        overflow-x: scroll;
    }

    .image-span {
        width: 135px !important;
        height: 100px !important;
        display: inline-block !important;
        float: left !important;
        margin-right: 10px !important;
    }

    #divComment {
        width: 25%;
        float: left;
        line-height: 42px;
    }

    #scannedSidTr {
        height: 80px !important;
    }

        #scannedSidTr #selectedSid {
            margin: 0px;
            height: 76px;
            overflow-y: scroll;
        }

            #scannedSidTr #selectedSid li {
                line-height: 24px;
            }




    #trSeletedSids {
        height: 50px;
    }

        #trSeletedSids input {
            margin: 0px;
        }

        #trSeletedSids span {
            font-size: 14px;
            display: block;
            height: 14px;
            margin-top: -8px;
        }
}

@media (min-width:320px) and (max-width:420px) {
    .logintable {
        width: 100%;
        background-color: #fff;
        margin: 0px auto;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
        border-radius: 0px 0px 5px 5px;
        border-top: 3px solid #00afd4;
        padding: 20px 10px;
    }

        .logintable .input-field {
            border: 1px solid #d0d0d0;
            width: 183%;
            padding: 6px 0px;
            margin-bottom: 6px;
            text-indent: 10px;
        }

    .logintable {
        width: 340px !important;
        height: 100%;
    }

        .logintable tr {
            height: 32px;
            background: #fff;
            width: 100% !important;
        }

            .logintable tr td {
                width: 134% !important;
                padding-left: 5%;
            }

                .logintable tr td .divlanguage {
                    width: 165%;
                }

                .logintable tr td input {
                    border-radius: 3px;
                }

            .logintable tr:first-child {
                height: 100px;
                background: #fff;
                width: 100% !important;
            }

            .logintable tr:last-child {
                background: #632e2e;
            }

    .main-btn {
        background-color: #00afd4;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        width: 300px !important;
        bottom: 0px;
        line-height: 15px !important;
    }

    .card .btn1 {
        font-size: 18px;
        color: #fff;
        text-decoration: none;
        background-color: #00afd4;
        border-radius: 5px;
        display: inline-block;
        width: 91%;
        height: 100%;
        margin: 10px;
        text-align: left;
        padding: 6px;
        margin-bottom: 8px;
    }

    .card {
        background-color: #fff;
        margin: 0px auto 0px auto;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
        border-radius: 0px 0px 5px 5px;
        border-top: 3px solid #00afd4;
        font-size: 100%;
        width: 100%;
        display: inline-block;
    }

    .main {
        width: 100%;
        height: auto;
        font-size: 100%;
    }

    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

        table tbody {
            display: inherit;
        }

        table tr {
            width: 98%;
            float: left;
            height: 100%;
            margin: .5%;
            background: #ebebeb;
        }

    #hideLoad tr:first-child td {
        width: 100% !important;
        float: right !important;
    }

        #hideLoad tr:first-child td input {
            width: 55%;
            display: inherit;
            line-height: 16px;
            float: right;
            border: 1px solid #d0d0d0;
            padding: 6px 0px;
            margin-bottom: 6px;
            border-radius: 3px;
            margin-right: 2%;
            text-indent: 10px;
            margin-top: 4px;
        }

    #hideLoad tr:nth-child(2) {
        margin-top: 41px !important;
    }

    #hideLoad tr td:first-child {
        width: 40%;
        line-height: 35px;
        font-size: 15px;
        font-weight: 500;
        float: left;
        /* overflow: hidden; */
        /* text-overflow: ellipsis; */
        /* white-space: nowrap; */
    }

    #hideLoad tr td:last-child {
        width: 58%;
        display: inherit;
        line-height: 39px;
        float: left;
    }

    #hideLoad tr:nth-last-child(2) {
        background: none !important;
    }

    #hidePickingMobile tr:first-child td {
        width: 98% !important;
        float: right !important;
        padding-right: 1%;
    }

        #hidePickingMobile tr:first-child td input {
            width: 55%;
            display: inherit;
            line-height: 16px;
            float: right;
            border: 1px solid #d0d0d0;
            padding: 6px 0px;
            margin-bottom: 6px;
            border-radius: 3px;
            margin-right: 2%;
            text-indent: 10px;
            margin-top: 4px;
        }

    #hidePickingMobile tr:nth-child(2) {
        display: flow-root;
        height: 100%;
    }

        #hidePickingMobile tr:nth-child(2) td {
            width: 98% !important;
            display: inline-block;
        }

            #hidePickingMobile tr:nth-child(2) td span {
                width: 40% !important;
                float: left;
                line-height: 32px;
                margin-bottom: 3px;
            }

            #hidePickingMobile tr:nth-child(2) td input {
                width: 58% !important;
                float: left;
                height: 26px;
                line-height: 26px;
                margin-bottom: 3px;
                text-indent: 10px;
            }

    #hidePickingMobile tr td {
        width: 97%;
        line-height: 35px;
        font-size: 15px;
        font-weight: 500;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #hidePickingMobile #trDivCompletePicking span {
        width: 100% !important
    }

    #hidePickingMobile tr td span {
        width: 40%;
        display: inherit;
        line-height: 39px;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #hidePickingMobile tr td select {
        width: 58% !important;
    }

    #hidePickingMobile tr td input {
        width: 58% !important;
        float: right;
        line-height: 24px;
        margin-top: 2px;
        border-radius: 3px;
        border: 1px #ddd solid;
        text-indent: 10px;
    }

    #hidePickingMobile #trSudSid span {
        width: 20%;
    }

    #hidePickingMobile #trSudSid a {
        width: 15% !important;
        padding: 4px;
    }

    #hidePickingMobile #trSudSid select {
        float: right !important;
    }

    #hidePickingMobile tr:nth-last-child(3) {
        background: none !important;
    }

        #hidePickingMobile tr:nth-last-child(3) td {
            width: 48% !important;
        }

    #hidePickingMobile tr:nth-last-child(2) {
        background: none !important;
    }

    #hidePickingMobile tr:nth-last-child(1) {
        background: none !important;
    }

    #hidePickingMobile #trStaging {
        height: 97% !important;
    }

        #hidePickingMobile #trStaging td {
            width: 97% !important;
        }

            #hidePickingMobile #trStaging td span {
                width: 30% !important;
            }

    #hidePickingMobile #trPickingButtons {
        height: 97% !important;
    }

        #hidePickingMobile #trPickingButtons td {
            width: 97% !important;
        }

            #hidePickingMobile #trPickingButtons td span {
                width: 30% !important;
            }

    #hidePickingMobile #trYesOrNo {
        background: none !important;
    }

        #hidePickingMobile #trYesOrNo td {
            width: 48% !important;
        }

            #hidePickingMobile #trYesOrNo td input {
                width: 97% !important;
            }

    #hideBlindCount #txtRecTrailerShipmentId {
        width: 97% !important;
        padding: 3px !important;
        margin: 3px !important;
        height: 22px !important;
        line-height: 22px;
        background: #fff;
        border: 1px solid #d0d0d0;
    }

    #btnComplete {
        width: 58% !important;
    }
}

.divlanguage {
    margin-top: 0px;
    text-align: center;
    display: flex;
    color: #000;
    font-weight: 800;
}

    .divlanguage span {
        width: 50%;
    }

        .divlanguage span:first-child a {
            float: right;
        }

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.language a {
    margin: 0 10px;
    background: #fff;
    color: #232323;
    padding: 1px;
    display: block;
    height: 50px;
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
    width: 55px;
    cursor: pointer;
    line-height: 18px;
    opacity: .5;
    font-size: 11px;
}

.divlanguage span a.activelag {
    opacity: 1;
}

.logintable tr td:last-child {
    width: 97% !important;
}