
#woosub_subscriptions_table_wrapper {
    position: relative;
    
    span.woosub_del_sub {
        cursor: pointer;

        .woosub_del_sub_icon {
            max-height: 22px !important;
        }
    }
}



table#woosub_subscriptions_table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
    background: #fefefe;

    * {
        font-size: 13px;
        letter-spacing: -0.5px;
    }
    caption {
        margin: .5em 0 .75em;
        color: #f6f6f6;

        @media screen and (max-width: 600px) {
            font-size: 1.3em;
        }
    }
    thead {
        background: #383838;
        border-bottom: none;
        color: #fff;

        th {
            @media screen and (max-width: 600px) {
                display: none;
            }
        }
        @media screen and (max-width: 600px) {
            display: none !important;
        }
    }
    tr {
        padding: .35em;

        @media screen and (max-width: 600px) {
            display: block;
        }
    }
    tr:nth-child(even) {
        background: #f0f0f0;
    }
    tbody tr:hover {
        background: #d9e3e8;
    }
    th,
    td {
        padding: 0.625em;
        text-align: center;

        &:before {


            @media screen and (max-width: 600px) {
                content: attr(data-label);
                display: block;
                text-transform: uppercase;
                margin-bottom: 0.6em;
                color: #383838;
            }
        }
        &:last-child {
            @media screen and (max-width: 600px) {
                border-bottom: 0;
            }
        }
        @media screen and (max-width: 600px) {
            display: block;
            text-align: right;
        }
    }
    th {
        text-transform: uppercase;
    }

    @media screen and (max-width: 600px) {
        border: 0;
    }
}