﻿table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
    padding: 5px;
    padding-left: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

table.dataTable thead > tr > th.sorting.sorting_asc:before {
    opacity: 1;
}

table.dataTable thead > tr > th.sorting.sorting_asc:after {
    opacity: .5;
}

table.dataTable thead > tr > th.sorting.sorting_desc:before {
    opacity: .5;
}

table.dataTable thead > tr > th.sorting.sorting_desc:after {
    opacity: 1;
}

.dataTables_empty {
    grid-column: 1 / -1;
}

table.flexible-table {
    display: grid;
    min-width: 100%;
}

.table.flexible-table-legend {
    display: grid;
    min-width: 100%;
    grid-template-columns: minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr)
}

.flexible-table-legend thead,
.flexible-table-legend tbody,
.flexible-table-legend tr {
    display: contents;
}

table.flexible-table.companySearch-table {
    display: grid;
    min-width: 100%;
    grid-template-columns: minmax(150px, 1.5fr) /* company name */
    minmax(150px, 1fr) /* company address & location name # */
    minmax(150px, 1fr) /* company buttons & location address */
    minmax(100px, .75fr) /* expiration & messages */
    minmax(100px, 1fr) /* action buttons */
}

table.flexible-table.bulk-renew-table {
    display: grid;
    min-width: 100%;
    grid-template-columns: minmax(40px, .5fr) /* checkbox */
    minmax(40px, 1.25fr) /* location # */
    minmax(100px, 1.25fr) /* address */
    minmax(100px, 1fr) /* expiration */
    minmax(100px, 1fr) /* subtotal */
}

/* SCALE DEVICE TABLE */

table.flexible-table.scale-device-table {
    display: grid;
    min-width: 100%;
    grid-template-columns: minmax(40px, 2.1fr) /* class */
    minmax(40px, 1fr) /* make # */
    minmax(100px, 1fr) /* model */
    minmax(100px, 1fr) /* serial */
    minmax(100px, 1fr) /* capacity */
    minmax(50px, .2fr) /* status */
    minmax(75px, .75fr) /* price */
    minmax(75px, 1.25fr); /* action */
}

    table.flexible-table.scale-device-table[data-summary="true"] {
        display: grid;
        min-width: 100%;
        grid-template-columns: minmax(40px, 2.1fr) /* class */
        minmax(40px, 1fr) /* make # */
        minmax(100px, 1fr) /* model */
        minmax(100px, 1fr) /* serial */
        minmax(100px, 1fr) /* capacity */
        minmax(50px, .2fr) /* status */
        minmax(75px, .75fr) /* price */
    }

    table.flexible-table.scale-device-table[data-gov-entity="true"],
    table.flexible-table.scale-device-table[data-coop-entity="true"] {
        display: grid;
        min-width: 100%;
        grid-template-columns: minmax(40px, 2.1fr) /* class */
        minmax(40px, 1fr) /* make # */
        minmax(100px, 1fr) /* model */
        minmax(100px, 1fr) /* serial */
        minmax(100px, 1fr) /* capacity */
        minmax(50px, .2fr) /* status */
        minmax(75px, 1.25fr); /* action */
    }

        table.flexible-table.scale-device-table[data-gov-entity="true"] .device-price,
        table.flexible-table.scale-device-table[data-coop-entity="true"] .device-price {
            display: none;
        }

    table.flexible-table.scale-device-table[data-summary="true"][data-gov-entity="true"],
    table.flexible-table.scale-device-table[data-summary="true"][data-coop-entity="true"] {
        display: grid;
        min-width: 100%;
        grid-template-columns: minmax(40px, 2.1fr) /* class */
        minmax(40px, 1fr) /* make # */
        minmax(100px, 1fr) /* model */
        minmax(100px, 1fr) /* serial */
        minmax(100px, 1fr) /* capacity */
        minmax(50px, .2fr) /* status */
    }

    table.flexible-table.scale-device-table[data-gov-entity="true"] .device-price {
        display: none;
    }

/* HIGH VOLUME TABLE */

table.flexible-table.high-volume-table {
    display: grid;
    min-width: 100%;
    grid-template-columns: minmax(40px, 1.4fr) /* class */
    minmax(40px, 1fr) /* make # */
    minmax(100px, 1fr) /* model */
    minmax(100px, 1fr) /* serial */
    minmax(50px, .2fr) /* status */
    minmax(75px, .6fr) /* price */
    minmax(75px, 1.25fr); /* action */
}

    table.flexible-table.high-volume-table[data-gov-entity="true"],
    table.flexible-table.high-volume-table[data-coop-entity="true"] {
        display: grid;
        min-width: 100%;
        grid-template-columns: minmax(40px, 1.4fr) /* class */
        minmax(40px, 1fr) /* make # */
        minmax(100px, 1fr) /* model */
        minmax(100px, 1fr) /* serial */
        minmax(50px, .2fr) /* status */
        minmax(75px, 1.25fr); /* action */
    }

        table.flexible-table.high-volume-table[data-gov-entity="true"] .device-price,
        table.flexible-table.high-volume-table[data-coop-entity="true"] .device-price {
            display: none;
        }

    table.flexible-table.high-volume-table[data-summary="true"] {
        display: grid;
        min-width: 100%;
        grid-template-columns: minmax(40px, 1.4fr) /* class */
        minmax(40px, 1fr) /* make # */
        minmax(100px, 1fr) /* model */
        minmax(100px, 1fr) /* serial */
        minmax(50px, .2fr) /* status */
        minmax(75px, .5fr); /* price */
    }

    table.flexible-table.high-volume-table[data-gov-entity="true"] .device-price,
    table.flexible-table.high-volume-table[data-coop-entity="true"] .device-price {
        display: none;
    }

    table.flexible-table.high-volume-table[data-summary="true"][data-gov-entity="true"],
    table.flexible-table.high-volume-table[data-summary="true"][data-coop-entity="true"] {
        display: grid;
        min-width: 100%;
        grid-template-columns: minmax(40px, 1.4fr) /* class */
        minmax(40px, 1fr) /* make # */
        minmax(100px, 1fr) /* model */
        minmax(100px, 1fr) /* serial */
        minmax(50px, .2fr) /* status */
    }

table.flexible-table.low-volume-table {
    display: grid;
    min-width: 100%;
    grid-template-columns: minmax(40px, 1fr) /* make # */
    minmax(100px, 1fr) /* model */
    minmax(100px, 1fr) /* serial */
    minmax(50px, .2fr) /* status */
    minmax(75px, .5fr) /* price */
    minmax(75px, 1fr); /* action */
}

    table.flexible-table.low-volume-table[data-summary="true"] {
        display: grid;
        min-width: 100%;
        grid-template-columns: minmax(40px, 1fr) /* make # */
        minmax(100px, 1fr) /* model */
        minmax(100px, 1fr) /* serial */
        minmax(50px, .2fr) /* status */
        minmax(75px, .5fr); /* price */
    }

    table.flexible-table.low-volume-table[data-gov-entity="true"],
    table.flexible-table.low-volume-table[data-coop-entity="true"] {
        display: grid;
        min-width: 100%;
        grid-template-columns: minmax(40px, 1fr) /* make # */
        minmax(100px, 1fr) /* model */
        minmax(100px, 1fr) /* serial */
        minmax(50px, .2fr) /* status */
        minmax(75px, 1fr); /* action */
    }

        table.flexible-table.low-volume-table[data-gov-entity="true"] .device-price,
        table.flexible-table.low-volume-table[data-coop-entity="true"] .device-price {
            display: none;
        }

        table.flexible-table.low-volume-table[data-gov-entity="true"][data-summary="true"],
        table.flexible-table.low-volume-table[data-coop-entity="true"][data-summary="true"] {
            display: grid;
            min-width: 100%;
            grid-template-columns: minmax(40px, 1fr) /* make # */
            minmax(100px, 1fr) /* model */
            minmax(100px, 1fr) /* serial */
            minmax(50px, .2fr) /* status */
        }

table.flexible-table.low-volume-table-summary {
    display: grid;
    min-width: 100%;
    grid-template-columns: minmax(40px, 1fr) /* make # */
    minmax(100px, 1fr) /* model */
    minmax(100px, 1fr) /* serial */
    minmax(50px, .2fr) /* status */
    minmax(75px, .5fr); /* price */
}

.flexible-table thead,
.flexible-table tbody,
.flexible-table tr {
    display: contents;
}

.flexible-table th,
.flexible-table td {
    padding: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flexible-table th {
    position: sticky;
    top: 0;
    background-image: linear-gradient(var(--med-purple), var(--dark-purple));
    background-color: var(--lite-purple) !important;
    text-align: left;
    font-weight: normal;
    font-size: 1.25rem;
    color: white;
}

/*.flexible-table th:last-child {
        border: 0;
    }*/

.resize-handle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: black;
    opacity: 0;
    width: 3px;
    cursor: col-resize;
}

    .resize-handle:hover,
    /* The following selector is needed so the handle is visible during resize even if the mouse isn't over the handle anymore */
    .header--being-resized .resize-handle {
        opacity: 0.5;
    }

.flexible-table th:hover .resize-handle {
    opacity: 0.3;
}

.flexible-table td {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #808080;
}

/*tr:nth-child(even) td {
    background: #f8f6ff;
}*/
