/*! 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%;
    position: relative;
    width: 100%;
}

.tablesaw {
    border-collapse: collapse;
}

/* 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;
        float: left;
        text-align: left;
        width: 50%;
        display: inline-block;
        white-space: normal;
    }

    /* 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: 799px) {
    .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;
    }

    .tablesaw .m-row-heading {
        background: #fafafa !important;
    }

    .tablesaw td select, .tablesaw td input {
        width: 50% !important;
    }

    .tablesaw td:last-of-type {
        margin-bottom: 40px;
    }
}


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


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


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










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


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


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


/*Enabled*/

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

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

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

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

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

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

.tablesaw-enabled.tablesaw .m-row-heading {
    background: #fafafa !important;
}

.tablesaw-enabled.tablesaw td select, .tablesaw-enabled.tablesaw td input {
    width: 50% !important;
}

.tablesaw-enabled.tablesaw td:last-of-type {
    margin-bottom: 40px;
}