﻿.table-material, .th-material, .td-material {
    border: none;
}

.table-material {
    width: 100%;
}

.table-material.bordered .thead-material .tr-material,
.table-material.bordered .tbody-material .tr-material {
    border-bottom: 1px solid #d0d0d0;
}

.table-material.striped > .tbody-material > .tr-material:nth-child(odd) {
    background-color: #f2f2f2;
}

.table-material.striped > .tbody-material > .tr-material > .td-material {
    border-radius: 0;
}

.table-material.highlight > .tbody-material > .tr-material {
    .tr-materialansition: background-color .25s ease;
}

.table-material.highlight > .tbody-material > .tr-material:hover {
    background-color: #f2f2f2;
}

.table-material.centered .thead-material .tr-material .th-material, .table-material.centered .tbody-material .tr-material .td-material {
    text-align: center;
}

.thead-material {
    border-bottom: 1px solid #d0d0d0;
}

.td-material, .th-material {
    padding: 15px 5px;
    vertical-align: middle;
    border-radius: 2px;
}


@media only screen and (max-width: 992px) {
    table.responsive-table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        display: block;
        position: relative;
        /* sort out borders */
    }

    table.responsive-table td:empty:before {
        content: '\00a0';
    }

    table.responsive-table th,
    table.responsive-table td {
        margin: 0;
        vertical-align: top;
    }

    table.responsive-table th {
        text-align: left;
    }

    table.responsive-table thead {
        display: block;
        float: left;
    }

    table.responsive-table thead tr {
        display: block;
        padding: 0 10px 0 0;
    }

    table.responsive-table thead tr th::before {
        content: "\00a0";
    }

    table.responsive-table tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }

    table.responsive-table tbody tr {
        display: inline-block;
        vertical-align: top;
    }

    table.responsive-table th {
        display: block;
        text-align: right;
    }

    table.responsive-table td {
        display: block;
        min-height: 1.25em;
        text-align: left;
    }

    table.responsive-table tr {
        padding: 0 10px;
    }

    table.responsive-table thead {
        border: 0;
        border-right: 1px solid #d0d0d0;
    }

    table.responsive-table.bordered th {
        border-bottom: 0;
        border-left: 0;
    }

    table.responsive-table.bordered td {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    table.responsive-table.bordered tr {
        border: 0;
    }

    table.responsive-table.bordered tbody tr {
        border-right: 1px solid #d0d0d0;
    }
}

.td-material {
    color: rgba(0,0,0,.87);
    text-align: left;
    vertical-align: middle !important;
    border-top: none !important;
}

.th-material {
    color: rgba(0,0,0,.54);
    font-weight: normal;
    border-bottom: none !important;
}