table.data_table {
    /*font-family: "Arial","Helvetica","Verdana","sans-serif";*/
    font-size: 0.90em;
    min-font-size: 0.625em;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

table.data_table,
table.data_table > tbody > tr > td,
table.data_table > thead > tr > td,
table.data_table > tfoot > tr > td,
table.data_table > tbody > tr > th,
table.data_table > thead > tr > th,
table.data_table > tfoot > tr > th {
    border: 1px solid #c5c5c5;
}

.table-container {
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    border-top: 1px solid #c5c5c5;
}

/* Add bottom border if being actively resized to the available page height */
.table-container.dynamic-height {
    border-bottom: 1px solid #c5c5c5;
}

/**
 * Firefox only issue with border on tables that have no records.
 * This apparently does not work for firefox on android.
 */
@-moz-document url-prefix() {
    .table-container {
        border-bottom: 1px solid #c5c5c5;
    }

    .table-container:not(.dynamic-height):not(.norecords-table) {
        border-bottom: none;
    }

    /* This solution fixed everything but Alerts in the Dashboard tab */
    /*.related-objects-container .table-container .norecords-table {
        border-collapse: separate;
    }

    .related-objects-container .table-container .norecords-table .norecords-td {
        border-bottom: none;
    }*/
}

.table-container table.data_table {
    border-left: none;
    border-right: none;
}

/* Removes double border on the top of the table when the scroll bar is all the way top */
.table-container table.data_table,
.table-container table.data_table > tbody > tr:first-child > td,
.table-container table.data_table > thead > tr:first-child > td,
.table-container table.data_table > tfoot > tr:first-child > td,
.table-container table.data_table > tbody > tr:first-child > th,
.table-container table.data_table > thead > tr:first-child > th,
.table-container table.data_table > tfoot > tr:first-child > th
{
    border-top: none;
}

/* Removes double border on the left of the table when the scroll bar is all the way left */
.table-container table.data_table > tbody > tr > td:first-child,
.table-container table.data_table > thead > tr > td:first-child,
.table-container table.data_table > tfoot > tr > td:first-child,
.table-container table.data_table > tbody > tr > th:first-child,
.table-container table.data_table > thead > tr > th:first-child,
.table-container table.data_table > tfoot > tr > th:first-child
{
    border-left: none;
}

/* Removes double border on the right of the table when the scroll bar is all the way right */
.table-container table.data_table > tbody > tr > td:last-child,
.table-container table.data_table > thead > tr > td:last-child,
.table-container table.data_table > tfoot > tr > td:last-child,
.table-container table.data_table > tbody > tr > th:last-child,
.table-container table.data_table > thead > tr > th:last-child,
.table-container table.data_table > tfoot > tr > th:last-child
{
    border-right: none;
}

/*Gets rid of the double lined border when using the fixed nav toolbar above the table.*/
.decoupled-navigation-toolbar + .table-container table.data_table,
.decoupled-navigation-toolbar + .table-container table.data_table > thead > tr > th,
.decoupled-navigation-toolbar + .table-container table.data_table > tbody > tr > th,
.decoupled-navigation-toolbar + .table-container table.data_table > tfoot > tr > th {
    border-top: none;
}

/**
 * Removes double border on bottom of toolbar.  Used in VRM dashboard alerts table and
 * search result slide view relation tables and search result table tab.
 */
.decoupled-navigation-toolbar table.data_table,
.decoupled-navigation-toolbar table.data_table > tbody > tr > td,
.decoupled-navigation-toolbar table.data_table > thead > tr > td,
.decoupled-navigation-toolbar table.data_table > tfoot > tr > td,
.decoupled-navigation-toolbar table.data_table > tbody > tr > th,
.decoupled-navigation-toolbar table.data_table > thead > tr > th,
.decoupled-navigation-toolbar table.data_table > tfoot > tr > th {
    border-bottom: none;
}

table.data_table > tbody > tr > td,
table.data_table > thead > tr > td,
table.data_table > tfoot > tr > td,
table.data_table > tr > td {
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: .4em .6em;
    vertical-align:top;
}

/*table.data_table > tbody > tr:last-child > td,
table.data_table > thead > tr:last-child > td,
table.data_table > tfoot > tr:last-child > td,
table.data_table > tr:last-child > td {
    border-width: 0 0 1px 1px;
}*/

table.data_table th {
    padding-left: 15px; padding-right: 15px;
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-position: 50% 50%;
    background-color: #eae8e8;
    border-radius: 0;
    white-space: normal !important;
}

table.data_table th, table.data_table th a { text-decoration: none; color: #333; font-weight: normal; }
table.data_table th a:hover { text-decoration: underline; }
table.data_table td a { color: #2d83ed; }
table.data_table td a:hover { color: #004485; }

table.data_table th.wicket_orderUp a,
table.data_table th.wicket_orderDown a { color: white;}

table.data_table th.wicket_orderUp {
    background-image:url(res/triangle_white_down_10.png), linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-color: #2d83ed;
    background-position:right center; background-repeat:no-repeat;
}
table.data_table th.wicket_orderDown {
    background-image:url(res/triangle_up_white_10.png), linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);
    background-color: #2d83ed;
    background-position:right center; background-repeat:no-repeat;
}

table.data_table td.selectColumn, table.data_table th.selectColumn { text-align:center; padding:0; }
table.data_table th.rowNumberColumn { padding: 0; }
table.data_table td.rowNumberColumn { text-align: center; }

.darkTheme table.data_table,
.darkTheme table.data_table > tbody > tr > td,
.darkTheme table.data_table > thead > tr > td,
.darkTheme table.data_table > tfoot > tr > td,
.darkTheme table.data_table > tbody > tr > th,
.darkTheme table.data_table > thead > tr > th,
.darkTheme table.data_table > tfoot > tr > th {
    border: 1px solid #303030;
}

.darkTheme .table-container {
    border-left: 1px solid #303030;
    border-right: 1px solid #303030;
    border-top: 1px solid #303030;
}