/*RESPONSIVE TABLE STYLES*/

table {
    border: 1px solid #ccc;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

    table tr {
        border: 1px solid #ddd;
        padding: 5px;
    }

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

    table {
        border: 0;
    }

        table thead {
            display: none;
        }

        table tr {
            margin-bottom: 10px;
            display: block;
        }

        table td {
            display: block;
            text-align: right;
            font-size: 13px;
        }

            table td:last-child {
                border-bottom: 0;
            }

            table td:before {
                content: attr(data-label);
                float: left;
                text-transform: uppercase;
                font-weight: bold;
                color: #808080;
            }
}


.center-row {
    text-align: right;
}

@media screen and (min-width: 600px) {
    .center-row {
        text-align: center;
    }
}

.pull-right-row {
    text-align: right;
}

@media screen and (min-width: 600px) {
    .pull-right-row {
        text-align: right;
    }
}

.pull-left-row {
    text-align: right;
}

@media screen and (min-width: 600px) {
    .pull-left-row {
        text-align: left;
    }
}

@media screen and (max-width: 767px){}
    .table-responsive {
        border: 0px solid #ddd;
    }
}