/*! Tablesaw - v2.0.1 - 2015-10-09
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2015 Filament Group; Licensed MIT */

table.tablesaw {
    empty-cells: show;
    max-width: 100%;
    width: 100%;
}

.tablesaw {
    border-collapse: collapse;
    width: 100%;
}

/* Structure */

.tablesaw {
    border: 0;
    padding: 0;
}

    .tablesaw th,
    .tablesaw td {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: .5em .7em;
    }

    .tablesaw thead tr:first-child th {
        padding-top: .9em;
        padding-bottom: .7em;
    }

/* Table rows have a gray bottom stroke by default */

.tablesaw-stack tbody tr {
    border-bottom: 1px solid #dfdfdf;
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
    display: none;
}

/* Mobile first styles: Begin with the stacked presentation at narrow widths */

@media only all {
    /* Show the table cells as a block level element */

    .tablesaw-stack td,
    .tablesaw-stack th {
        text-align: left;
        display: block;
    }

    .tablesaw-stack tr {
        clear: both;
        display: table-row;
    }

    /* Make the label elements a percentage width */

    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        display: block;
        padding: 0 .6em 0 0;
        width: 30%;
        display: inline-block;
    }

    /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */

    .tablesaw-stack th .tablesaw-cell-label-top,
    .tablesaw-stack td .tablesaw-cell-label-top {
        display: block;
        padding: .4em 0;
        margin: .4em 0;
    }

    .tablesaw-cell-label {
        display: block;
    }

    /* Avoid double strokes when stacked */

    .tablesaw-stack tbody th.group {
        margin-top: -1px;
    }

    /* Avoid double strokes when stacked */

    .tablesaw-stack th.group b.tablesaw-cell-label {
        display: none !important;
    }
}

@media (max-width: 39.9375em) {
    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: none;
    }

    .tablesaw-stack tbody td,
    .tablesaw-stack tbody th {
        clear: left;
        float: left;
        width: 100%;
    }

    .tablesaw-cell-label {
        vertical-align: top;
    }

    .tablesaw-cell-content {
        max-width: 67%;
        display: inline-block;
    }

    .tablesaw-stack td:empty,
    .tablesaw-stack th:empty {
        display: none;
    }
}

/* Media query to show as a standard table at 560px (35em x 16px) or wider */

@media (min-width: 40em) {
    .tablesaw-stack tr {
        display: table-row;
    }

    /* Show the table header rows */

    .tablesaw-stack td,
    .tablesaw-stack th,
    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: table-cell;
        margin: 0;
    }

        /* Hide the labels in each cell */

        .tablesaw-stack td .tablesaw-cell-label,
        .tablesaw-stack th .tablesaw-cell-label {
            display: none !important;
        }
}

/*
@media (max-width: 639px) {

    .table-primary > .table > tbody > tr > td, 
    .table-responsive > .table > tbody > tr > th, 
    .table-responsive > .table > tfoot > tr > td, 
    .table-responsive > .table > tfoot > tr > th, 
    .table-responsive > .table > thead > tr > td, 
    .table-responsive > .table > thead > tr > th {
        white-space: pre-line;
        padding: 5px;
    }

    .table-responsive > .table-bordered > tbody > tr > td:not(:first-child) .show-table-content-link {
        color: #000000;
        text-decoration: underline;
    }

    .table-striped > tbody > tr:nth-child(odd) > td:first-child {
        background-color: #ffffff !important;
        color: #000000;
    }

        .table-striped > tbody > tr:nth-child(odd) > td:first-child a {
            background-color: #787e87 !important;
            text-decoration: underline;
            color: #ffffff;
        }

        .table-striped > tbody > tr:nth-child(odd) > td:first-child:hover a {
            background-color: #787e87 !important;
            text-decoration: underline;
            color: #ffffff;
        }
}
*/

/*
@media (max-width: 639px) {
    .table-primary > .table-bordered > tbody > tr > td:first-child, 
    .table-responsive > .table-bordered > tbody > tr > th:first-child, 
    .table-responsive > .table-bordered > tfoot > tr > td:first-child, 
    .table-responsive > .table-bordered > tfoot > tr > th:first-child, 
    .table-responsive > .table-bordered > thead > tr > td:first-child, 
    .table-responsive > .table-bordered > thead > tr > th:first-child {
        /* border-left: 0; 
        background: #787e87;
        color: #fff;
        border: 12px solid #787e87;
        margin-top: 0;
        padding-top: 5px;
        margin-bottom: 0;
        border-top: 11px solid #787e87;
    }

    .show-table-content-link {
        color: #fff;
        text-decoration: underline;
    }

        .show-table-content-link:hover {
            color: #fff;
            text-decoration: underline;
        }

    .show-table-number {
        color: #000000;
    }

        .show-table-number:hover {
            color: #000000;
            text-decoration: underline;
        }

    .fa-plus-square, .fa-minus-square {
        color: #fffcfc;
        font-size: 16px;
        margin-right: 4px !important
    }
}
*/

/*
@media (min-width: 40em) {
    .tablesaw-stack tr {
        display: table-row;
    }

    /* Show the table header rows

    .tablesaw-stack td,
    .tablesaw-stack th,
    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: table-cell;
        margin: 0;
    }

        /* Hide the labels in each cell

        .tablesaw-stack td .tablesaw-cell-label,
        .tablesaw-stack th .tablesaw-cell-label {
            display: none !important;
        }
}
*/

/*
@media (max-width: 639px) {
    .table-primary > .table > tbody > tr > td, 
    .table-primary e > .table > tbody > tr > th, 
    .table-primary > .table > tfoot > tr > td, 
    .table-primary > .table > tfoot > tr > th, 
    .table-primary > .table > thead > tr > td, 
    .table-primary > .table > thead > tr > th {
        white-space: pre-line;
        padding: 7px;
    }

    .mobileInnerTable {
        padding: 0 .6em 0 0;
        width: 32%;
        display: inline-block;
        font-weight: 600;
    }
}

@media (max-width: 639px) {
    .table-primary > .table-bordered > tbody > tr > td:first-child, 
    .table-primary > .table-bordered > tbody > tr > th:first-child, 
    .table-responsive > .table-bordered > tfoot > tr > td:first-child, 
    .table-primary > .table-bordered > tfoot > tr > th:first-child, 
    .table-primary > .table-bordered > thead > tr > td:first-child, 
    .table-primary > .table-bordered > thead > tr > th:first-child {
        background: #787e87 !important;
        color: #fff !important;
        border: 12px solid #787e87;
        margin-top: 0;
        padding-top: 5px;
        margin-bottom: 0;
        border-top: 11px solid #787e87;
    }

    .table-primary > .table-bordered > tbody > tr.hidden-table-record > td:first-child, 
    .table-primary > .table-bordered > tbody > tr > th:first-child, 
    .table-responsive > .table-bordered > tfoot > tr > td:first-child, 
    .table-primary > .table-bordered > tfoot > tr > th:first-child, 
    .table-primary > .table-bordered > thead > tr > td:first-child, 
    .table-primary > .table-bordered > thead > tr > th:first-child {
        background: #0896d8 !important;
        color: #000000 !important;
        border: 1px solid #787e87;
        margin-top: 0;
        padding-top: 0px;
        margin-bottom: 20px;
        border-top: 1px solid #787e87;
    }

    td.sorting_1 a {
        padding: 5px;
        color: #fff !important;
        text-decoration: underline;
        font-weight: 600;
    }
}



@media (max-width: 639px) {

    td.sorting_1 {
        background: #787e87 !important;
        color: #fff !important;
        border: 12px solid #787e87;
        margin-top: 0;
        padding-top: 5px;
        margin-bottom: 0;
        border-top: 11px solid #787e87;
    }


    .DT-per-page {
        white-space: nowrap;
        display: block;
    }

    span.input-group-supervisor {
        display: none;
    }

    .theme-default .btn-primary, .theme-default .btn-primary:focus {
        float: left;
        margin-right: 50px;
        margin-left: 0px;
    }

    .DT-lf-right {
        float: left;
        white-space: nowrap;
    }


    td.sorting_1 a {
        padding: 5px;
        color: #4083a9;
        background: none;
        text-decoration: underline;
        font-weight: 600;
    }

    .table-responsive > .table-bordered > tbody > tr > td:first-child, 
    .table-responsive > .table-bordered > tbody > tr > th:first-child, 
    .table-responsive > .table-bordered > tfoot > tr > td:first-child, 
    .table-responsive > .table-bordered > tfoot > tr > th:first-child, 
    .table-responsive > .table-bordered > thead > tr > td:first-child, 
    .table-responsive > .table-bordered > thead > tr > th:first-child {
        color: #fff !important;
        border: 0;
        margin-top: 0;
        padding-top: 5px;
        margin-bottom: 0;
        border-top: 0;
    }
}




@media (max-width: 639px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 13.5px;
        overflow-y: visible;
        overflow-x: visible;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #e4e4e4;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 13.5px;
        overflow-y: visible;
        overflow: visible;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #e4e4e4;
        -webkit-overflow-scrolling: touch;
    }
}

*/