.text-R {
    text-align: right !important;
}

.float-R {
    float: right !important;
}

table, thead, tfoot, th, td {
    white-space: normal;
    word-wrap: break-word;
    word-break: normal;
    border-collapse: collapse;
    border: none;
}

table {
    position: relative;
    background-color: #ffffff;
    width: 100%;
    margin: 0 auto;
    color: #323232;
    text-align: center;
}

    table th {
        max-width: 200px;
        color: black;
        padding: 10px 8px;
        text-align: center;
        font-weight: bold;
        font-size: 1.5rem;
        background-color: #f7f7f7;
    }

    table td {
        vertical-align: middle;
        border-bottom: 1px solid #dedede;
        padding: 4px 8px;
        position: relative;
    }

    table tr {
        background-color: transparent;
    }

    table thead th {
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
    }

    table tbody tr {
        background-color: #FFFFFF;
    }

        table tbody tr.highlight {
            background-color: #FFEBEE;
        }

    table tbody td.icon {
        max-width: 60px;
    }

    table tbody td.name {
        min-width: 80px;
    }

    table tbody td.date, table tbody td.sort {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.2;
    }

        table tbody td.date .input-field, table tbody td.sort .input-field {
            margin: 0 auto;
            width: 40px;
        }

            table tbody td.date .input-field > input, table tbody td.sort .input-field > input {
                margin-bottom: 0;
                text-align: center;
            }

    table tfoot td {
        text-align: center;
    }

    table caption {
        padding: 7px 0px 5px 8px;
        font-size: 18px;
        font-size: 1.8rem;
        text-align: left;
        color: #303030;
        background-color: #ffffff;
        position: relative;
    }

    table span.info {
        display: inline-block;
        vertical-align: middle;
        color: #9e9e9e;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.25;
        margin: 0 3px;
    }

        table span.info > span {
            margin: 0 2px;
            color: #000000;
            font-size: 15px;
        }

    table img {
        max-height: 70px;
        margin-top: 15px;
    }

    .rwd-table {
        background: #fff;
        overflow: hidden;
    }

    .rwd-table th,
    .rwd-table td {
        margin: 0.5em 1em;
    }

    .rwd-table {
        min-width: 100%;
    }

    .rwd-table th {
        display: none;
    }

    .rwd-table td {
        display: block;
    }

    .rwd-table td:before {
        content: attr(data-th) " : ";
        font-weight: bold;
        width: 6.5em;
        display: inline-block;
    }

    .rwd-table th, .rwd-table td {
        text-align: left;
    }

    .rwd-table th, .rwd-table td:before {
        color: #003060;
        font-weight: bold;
    }

@media (max-width: 480px) {

    .rwd-table tr {
        background-color:#F5F5F5;
        padding:8px;
        border:5px solid #ffffff;
    }
}

@media (min-width: 480px) {
    .rwd-table td:before {
        display: none;
    }

    .rwd-table th, .rwd-table td {
        display: table-cell;
        padding: 0.25em 0.5em;
    }

        .rwd-table th:first-child,
        .rwd-table td:first-child {
            padding-left: 0;
        }

        .rwd-table th:last-child,
        .rwd-table td:last-child {
            padding-right: 0;
        }

    .rwd-table th,
    .rwd-table td {
        padding: 1em !important;
    }
}