﻿@media screen and (max-width: 600px) {

    .mud-mobile-table-cell {
    }

    .mud-table-root {
        border-spacing: 0 16px;
    }

    .mud-table {
        box-shadow: none;
    }

    .mud-table-row {
        border-radius: 8px;
    }

        .mud-table-row .mud-table-cell {
            border-left: 1px solid rgba(228, 230, 237, 1) !important;
            border-right: 1px solid rgba(228, 230, 237, 1) !important;
        }

        .mud-table-row .mud-table-cell {
            border-top: 1px solid rgba(228, 230, 237, 1);
        }

    /* Add bottom border to the last td element */
    tr:last-child td {
        border-bottom: 1px solid rgba(228, 230, 237, 1);
    }


    .mud-xs-table .mud-table-cell:before {
        background-color: #F2F6FE;
        max-width: 128px;
        padding: 16px !important;
        padding-left: 16px;
        font-size: 12px;
        font-weight: 700;
        margin-right: 16px;
    }

    .mud-xs-table .cell-controll:before {
        display: none;
    }

    .mobile-rounded-b-lg {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
    }

    .mobile-rounded-t-lg {
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
    }

    .mud-xs-table .mobile-rounded-b-lg:before {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
    }

    .mud-xs-table .mobile-rounded-t-lg:before {
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
    }

    .mud-xs-table .mud-table-cell {
        padding: 0px !important;
    }


    .mud-xs-table .mud-table-cell {
        justify-content: flex-start;
    }

        .mud-xs-table .mud-table-cell#text {
            padding-left: 16px;
        }
}


.mud-table-root .mud-table-head .mud-table-cell {
    font-size: 12px;
}


.mud-table-root .mud-table-head {
    background-color: #F2F6FE;
}