/*
 * jQuery Basic Table
 * Author: Jerry Low
 */

table.bt thead,
table.bt tbody th {
  display: none;
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
    border: none !important;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle;
    /* IE 9 */
    float: left\9;
    width: 100%\9;
    border-radius: 5px;
}

    table.bt tfoot th::before,
    table.bt tfoot td::before,
    table.bt tbody td::before {
        /*content: attr(data-th) ": ";*/
        content: attr(data-th) "";
        display: inline-block;
        -webkit-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        font-weight: normal;
        /*width: 12.5em;*/
        width: 40% !important;
        text-align: left !important;
        /*        background-color: #f7f7f7 !important;
        color: #5d5f63 !important;*/
        background-color: transparent !important;
        color: inherit !important;
        vertical-align: middle !important;
        padding: 0.525rem 0.625rem !important;
    }

table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
  display: none;
}

    table.bt tfoot th .bt-content,
    table.bt tfoot td .bt-content,
    table.bt tbody td .bt-content {
        vertical-align: middle;
    }

.bt-wrapper.active {
  max-height: 310px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

table.bt.bt--no-header tfoot td::before,
table.bt.bt--no-header tbody td::before {
  display: none;
}

table.bt tbody tr {
    display: block;
    background-color: #fff;
    margin: 15px 0;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    /*padding: 10px;*/
    position: relative;
}

    table.bt tbody tr:first-child {
        margin: 5px 0;
    }

    table.bt tbody tr:last-child {
        margin: 5px 0;
    }

    table .bt tbody tr td:nth-child(even) {
        background-color: #ffffff;
    }

table.bt tbody tr td:nth-child(odd) {
    background-color: #FAFAFA;
}

    table.bt tbody tr td:first-child {
        background-color: #EDF6FF; 
    }

.mvc-grid-table > table > tbody > tr > td, .mvc-grid-table > table > tfoot > tr > td {
    border: 1px solid #D9D9D9;
}

table.bt tbody tr td .bt-content {
    padding: 0.525rem;
    width: 100%;
    text-align: right;
    /* padding-left: 0.875rem; */
}


table.bt tbody tr td:first-child {
    display: flex;
    align-items: center; 
    padding: 0; 
}

    table.bt tbody tr td:first-child .bt-content {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-left: 0;
    }

@media (max-width: 768px) {
    .fixed-search {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
        padding-top: 80px;
        background-color: #fff;
    }
    .fixed-search-dashboard {
        position: fixed;
        top: 0;
        width: 93.5%;
        z-index: 1000;
        padding-top: 80px;
        background-color: #fff;
    }

        .fixed-search-dashboard label {
            visibility: hidden;
            display: none;
        }

        .fixed-search-dashboard select {
            margin-top: 2px
        }

        .fixed-search input {
            width: 93%;
        }

        .fixed-search select {
            width: 93%;
        }

        .mvc-grid-table {
            padding-top: 12%;
        }

    .pd-12 {
        padding-top: 12%;
    }

    .pd-13 {
        padding-top: 13%;
    }

    .pd-14 {
        padding-top: 14%;
    }

    .pd-15 {
        padding-top: 14%;
    }

    .pd-16 {
        padding-top: 16%;
    }

    .pd-18 {
        padding-top: 18%;
    }

    .pd-20 {
        padding-top: 20%;
    }

    .pd-22 {
        padding-top: 22%;
    }

    .pd-24 {
        padding-top: 24%;
    }

    .pd-32 {
        padding-top: 32%;
    }

    .pd-46 {
        padding-top: 46%;
    }

    .pd-58 {
        padding-top: 58%;
    }
}