table {
        border-spacing: 0;
        width: 100%;
    }

    th {
        text-align: left;
        padding: 5px;
        background-color: #CCCCCC;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-color: #CCCCCC;
    }

    td {
        padding: 5px;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-color: #CCCCCC;
    }

    tr:nth-child(even) {
        background-color: #ffffff;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-color: #CCCCCC;
    }

    .paid_show {
        padding: 5px;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        background-color: #d6fdcd;
        border-color: #CCCCCC;
    }

    .unpaid {
        padding: 5px;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        background-color: #e6e6e6;
        border-color: #CCCCCC;
    }