table {
    width: 100%;
}

    table.datasheet_table {
        /*Had to use pixel width to get the table to match the datasheet_navigation_header and datasheet_navigation_footer */
        /*width: 921px;*/
        width: 100%;
        background: white;
    }

th {
    color: #3c3c3c;
    vertical-align: bottom;
    text-align: left;
    background-color: silver;
    border: 1px solid silver;
    padding: 5px 5px 7px 5px;
    white-space: nowrap;
}


tfoot {
    color: #3c3c3c;
    vertical-align: bottom;
    text-align: left;
    background-color: silver;
    border: 1px solid silver;
    padding: 5px 5px 7px 5px;
    white-space: nowrap;
}


th.datasheet_header {
    background: url('/images/sort_both.png') no-repeat right;
    padding-right: 20px;
    vertical-align: middle;
}

th.datasheet_header_no_sort, th.datasheet_header {
    color: #3c3c3c;
    text-align: left;
    background-color: white;
    /*border: 1px solid silver;*/
    white-space: nowrap;
}


th.datasheet_header_sort_asc {
    background: url('/images/sort_asc.png') no-repeat right;
    padding-right: 20px;
    vertical-align: middle;
}

th.datasheet_header_sort_desc {
    background: url('/images/sort_desc.png') no-repeat right;
    padding-right: 20px;
    vertical-align: middle;
}

th.datasheet_header_sort_asc:hover, th.datasheet_header_sort_desc:hover {
    cursor: pointer;
}

th.datasheet_header:hover {
    cursor: pointer;
}

.datasheet_row {
    /*display: none;*/
}

    .datasheet_row_on,
    .datasheet_row .datasheet_header {
        /*width: 100%;*/
    }

.datasheet_cell {
    height: 30px;
    vertical-align: middle;
    padding-left: 7px;
    white-space: nowrap;
}


table.datasheet_table tr.datasheet_row.datasheet_cell_checkbox_selected {
    background-color: #a3cce3;
}

.datasheet_cell_checkbox_selected td {
    font-weight: bold;
}

    .datasheet_cell_checkbox_selected td input:checked {
        visibility: visible;
    }


input.datasheet_cell_checkbox {
    visibility: hidden;
}

tr.datasheet_row:hover input.datasheet_cell_checkbox {
    visibility: visible;
}

table.datasheet_table tr:nth-child(odd) {
    background-color: #e5eaed;
}

tr.datasheet_row:hover,
tr.datasheet_row:nth-child(odd):hover {
    background-color: #d3e5ef;
}

/*    tr.datasheet_row:hover .datasheet_cell_checkbox input {
        visibility: visible;
    }*/

.datasheet_navigation_header, .datasheet_navigation_footer {
    width: 100%;
    font-family: Arial, Verdana, sans-serif;
    font-size: 85%;
    color: #3c3c3c;
    height: 25px;
}

.datasheet_navigation_header {
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    -moz-border-radius-topleft: 7px;
    -webkit-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
}

.datasheet_navigation_footer {
    border: 1px solid silver;
    background: white;
    -moz-border-radius-bottomright: 7px;
    -webkit-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
    -moz-border-radius-bottomleft: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

/*Datasheet Navigation Line Height and Vertical Text Alignment Goes Here*/
.datasheet_page_navigation,
.datasheet_page_rec_cnt,
.datasheet_previous_next,
.datasheet_previous {
    vertical-align: middle;
    line-height: 25px;
}

.datasheet_page_navigation {
    float: left;
    padding-left: 5px;
}

    .datasheet_page_navigation ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .datasheet_page_navigation ul li {
            float: left;
            padding-left: 4px;
            padding-right: 4px;
        }

            .datasheet_page_navigation ul li.datasheet_previous_next:hover {
                cursor: pointer;
            }

            .datasheet_page_navigation ul li.datasheet_page_num:hover {
                cursor: pointer;
                background-color: silver;
                color: white;
                font-weight: bold;
            }

.datasheet_page_rec_cnt {
    float: right;
    /*padding-right: 10px;*/
}

    .datasheet_page_rec_cnt ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .datasheet_page_rec_cnt ul li {
            float: left;
/*            padding-left: 5px;*/
            padding-right: 5px;

        }

.datasheet_page_rec_cnt_text {
    padding-right: 8px;
    border-right: 2px solid silver;
}

.datasheet_previous {
    font-weight: bold;
    background: url('/images/back_enabled.png') no-repeat left;
    padding-left: 20px;
    padding-right: 5px;
    border-right: 2px solid silver;
}

    .datasheet_previous:hover {
        background: url('/images/back_enabled_hover.png') no-repeat left;
    }

.datasheet_next {
    font-weight: bold;
    background: url('/images/forward_enabled.png') no-repeat right;
    padding-right: 20px;
    padding-left: 5px;
    border-left: 2px solid silver;
}

    .datasheet_next:hover {
        background: url('/images/forward_enabled_hover.png') no-repeat right;
    }

.datasheet_active_page_num {
    /*padding-top: 1px;*/
    text-align: center;
    font-weight: bold;
    color: white;
    background-color: silver;
    border-top: silver;
    border-bottom: silver;
}

.datasheet_select_item_per_page {
    font-weight: bold;
    border-right: 2px solid silver;
    padding-right: 8px;
}

.datasheet_refresh {
    padding-left: 20px;
    padding-right: 10px;
    background: url('/images/button_grey_repeat.png') no-repeat left; 
    background-size: 20px 20px;
    font-weight: bold;
}

    .datasheet_refresh:hover {
        cursor: pointer;
    }

        .datasheet_refresh:hover {
            background: url("/images/button_blue_repeat.png") no-repeat left;
    background-size: 20px 20px;
            opacity: 1;
        }

.datasheet_container {
    clear: both;
    margin-top: 0px;
    /*margin-bottom: 10px;*/
    background-color: white;
    padding: 10px;
}

#div_import_layout, #div_warehouse, #div_customer, #div_customer_product, #div_shipment {
    width: 100%;
    height: 200px;
    border: 1px solid silver;
    overflow: scroll;
}

#div_manifest 
{
    width: 100%;
    height: 200px;
    border: 1px solid silver;
    overflow: scroll;
    white-space: nowrap;    
}

#div_import_layout_detail {
    width: 100%;
    height: 200px;
    border: 1px solid silver;
    overflow: scroll;
}

.highlight {
    border: 2px solid green;
}