table {
    width: 100%;
    max-width: 100%;
   
    border-collapse: collapse
}

table caption {
    font-family: 'Tungsten A', 'Tungsten B', 'Arial Narrow', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.954rem;
    line-height: 1;
    margin-bottom: .75em
}

table th {
    font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .02em;
    font-size: .9353rem;
    padding: 1.2307em 1.0833em 1.0833em;
    line-height: 1.333;
    background-color: #5297a6;
    color: #fff;
    
}

table td, table th {
    text-align: left
}

table td {
    padding: .92307em 1em .7692em
}

table tbody tr {
    background-color: #edf5f7
}
table tbody tr:nth-of-type(even) {
    background-color: #f9fafb
}

tbody.table-space tr {
    background-color: transparent;
}

table tbody th {
    border-top: 1px solid #d5d5d2
}

table tbody td {
    border-top: 1px solid #d5d5d2
}

table.wdn_responsive_table thead th abbr {
    border-bottom: none
}



table#harp-events {
    width: 100%;
}

table thead{
 border-top: 1px solid #5297a6;
 border-left: 1px solid #d5d5d2;
 border-right: 1px solid #d5d5d2;
}

table tbody{
 border-left: 1px solid #d5d5d2;
 border-right: 1px solid #d5d5d2;
}

table tbody:last-child{
 border-left: 1px solid #d5d5d2;
 border-right: 1px solid #d5d5d2;
 border-bottom: 1px solid #d5d5d2;
}

table tbody.table-space{
 border-left: 0px solid #d5d5d2;
 border-right: 0px solid #d5d5d2;
 border-bottom: 0px solid #d5d5d2;
}

.row .row {
    position: relative;
}

@media screen and (max-width:47.99em) {
    table.wdn_responsive_table td, table.wdn_responsive_table th {
        display: block
    }

    table.wdn_responsive_table thead tr {
        display: none
    }

    table.wdn_responsive_table tbody tr:first-child th {
        border-top-width: 0
    }

    table.wdn_responsive_table tbody {
    border: 1px solid #81a0a5;
    }
    table.wdn_responsive_table tbody.table-space {
    border: 0px solid #81a0a5;
    }

    table.wdn_responsive_table tbody td {
        text-align: left
    }

    table.wdn_responsive_table tbody td:before {
        display: block;
        font-weight: 700;
        content: attr(data-header)
    }

    table.wdn_responsive_table tbody td:empty {
        display: none
    }

    table.wdn_responsive_table tbody.table-space td:empty {
        display: block
    }

    table.wdn_responsive_table tbody tr {
        background-color: #edf5f7;
        border-left: 1px solid #81a0a5;
         border-right: 1px solid #81a0a5;
    }

    table.wdn_responsive_table tbody tr:nth-of-type(even) {
        background-color: #c4dbe3;
        border: 1px solid #81a0a5;
    }

    table.wdn_responsive_table tbody td:nth-of-type(even) {
        background-color: #f9fafb
    }
    
    table.wdn_responsive_table tbody tr:nth-of-type(even) td {
        background-color: #d4e8ec
    }
    
    table.wdn_responsive_table tbody tr:nth-of-type(even) td:nth-of-type(even) {
        background-color: #edf0f3
    }
    
    table.wdn_responsive_table tbody.table-space tr {
        background-color: transparent;
        border-left: 0px solid #81a0a5;
         border-right: 0px solid #81a0a5;
    }
    
    td[headers="harp-events_row_0col_0"] {
    font-weight: bold;
}
    
   
}

@media (min-width:48em) {
    table caption {
        font-size: 2.532rem
    }

    table th {
        padding: 1.2307em 1.2307em 1em;
        font-size: .802rem;
        border-right: 1px solid #5297a6;
    }

    table th:last-child {
        padding: 1.2307em 1.2307em 1em;
        font-size: .802rem;
        border-right: 0px solid #d5d5d2;
    }
    table td {
        padding: .75em 1em .602em;
        border-right: 1px solid #d5d5d2;
    }
    table td:last-child {
        padding: .75em 1em .602em;
        border-right: 0px solid #d5d5d2;
    }
    #harp-events_row_0col_0 {
        width: 15%;
    }
    #harp-events_row_0col_1 {
        width: 28%;
    }
    #harp-events_row_0col_2 {
        width: 18%;
    }
    #harp-events_row_0col_3 {
        width: 40%;
    }
    tbody:not(.table-space) td[headers="harp-events_row_0col_0"] {
    border-left: 1px solid #d5d5d2;
}
}

@media screen and (min-width:48em) {
    table.wdn_responsive_table thead th:not(:first-child) {
        text-align: center
    }

    table.wdn_responsive_table tbody td {
        text-align: center
    }

    table.wdn_responsive_table.flush-left td, table.wdn_responsive_table.flush-left thead th {
        text-align: left
    }
}