﻿table.dataTable thead th, table.dataTable tfoot th {
    white-space: nowrap;
    text-align: left;
    overflow: hidden;
    border: 1px solid #D6D6D6;
    border-right: 0px;
    font-weight: normal;
    padding: 5px;
/*    background-color: none;*/
    background-repeat: repeat-x;
/*    color: #364760;*/
    font-weight: normal;
}

table.dataTable tbody td, table.dataTable tfoot td {
    padding: 5px;
}

table.dataTable tbody td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting {
    background-image: url("/dataTables/images/sort_both.png");
}

table.dataTable thead .sorting_asc {
    background-image: url("/dataTables/images/sort_asc.png");
}

table.dataTable thead .sorting_desc {
    background-image: url("/dataTables/images/sort_desc.png");
}

table.dataTable thead .sorting_asc_disabled {
    background-image: url("/dataTables/images/sort_asc_disabled.png");
}

table.dataTable thead .sorting_desc_disabled {
    background-image: url("/dataTables/images/sort_desc_disabled.png");
}


/*ListTable*/
table.ListTable thead .sorting,
table.ListTable thead .ListTable .sorting_asc,
table.ListTable thead .ListTable .sorting_desc,
table.ListTable thead .ListTable .sorting_asc_disabled,
table.ListTable thead .ListTable .sorting_desc_disabled {
   /* background-repeat: repeat-x;
    border-top: 0px;
    background-image: url("/Content/Images/LineBG.png");*/
}

table.ListTable thead .sorting {
    border-top: 0px;
    background-color: #F6F9FF;
}

table.ListTable thead .sorting_asc {
    border-top: 0px;
    background-image: none;
    background-color: white;
}

table.ListTable thead .sorting_desc {
    border-top: 0px;
    background-image: none;
    background-color: white;
}

table.ListTable thead .sorting_asc_disabled {
    background-repeat: repeat-x;
    border-top: 0px;
    background-image: url("/Images/LineBG.png");
}

table.ListTable thead .sorting_desc_disabled {
    background-repeat: repeat-x;
    border-top: 0px;
    background-image: url("/Images/LineBG.png");
}

/*ListTable*/


.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #D6D6D6;
}


.DataTB_Number {
    width: 100%;
    text-align: center;
}

.DataTB_Price {
    width: 100%;
    text-align: right;
}

.DataTB_Center {
    text-align: center;
}

.DataTB_Lock {
    background-color: #D6D6D6;
}

.table-th-bg-light tr th {
    text-align: right;
    font-weight: normal;
    background-color: #f8f9fa !important;
}

.table-th-bg-light tr td {
    white-space: normal;
    word-break: break-all;
}

.table-th-bg-none tr th {
    text-align: right;
    font-weight: normal;
    vertical-align:middle;
}

.table-form {
    width: 100%;
}

    .table-form tr th {
        text-align: right;
        font-weight: normal;
        vertical-align: middle;
        padding: 6px;
        white-space: nowrap;
        word-break: keep-all;
        width: 10px;
    }

    .table-form tr td {
        padding: 6px;
        padding-right: 15px;
    }


    .table-form input {
        height: 30px;
        width: 100%;
        padding: 10px;
        border: 1px solid #ced4da;
        border-radius: 3px;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

        .table-form input:focus {
            color: #495057;
            background-color: #fff;
            border-color: #80bdff;
            outline: 0;
            box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
        }


        .table-form input:read-only {
            background-color: #f1f1f1;
        }

    .table-form select {
        height: 30px;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        border: 1px solid #ced4da;
        border-radius: 3px;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

        .table-form select:focus {
            color: #495057;
            background-color: #fff;
            border-color: #80bdff;
            outline: 0;
            box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
        }

        .table-form select:disabled {
            background-color: #f1f1f1;
        }

.table-list {
    width: 100%;
}

    .table-list tr th {
        background-color: #f8f9fa !important;
        font-weight: normal;
        border: 1px solid #b7b7b7;
        padding: 8px;
    }

    .table-list tr td {
        border: 1px solid #b7b7b7;
        padding: 4px;
    }

        .table-list tr td input {
            width: 100%;
            padding: 4px;
            height:26px;
            border: 1px solid #ced4da;
            border-radius: 3px;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }

            .table-list tr td input[type=number] {
                text-align: right;
            }

    .table-list input:focus {
        color: #495057;
        background-color: #e3f0ff;
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.5);
    }
