.styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    width: 100%;
    max-width: 400 px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);

}


.styled-table thead tr {
    background-color: #005180;
    color: #ffffff;
    text-align: left;
}


.styled-table th,
.styled-table td {
    padding: 12px 15px;
}


.styled-table tbody tr {
    border-bottom: 1px solid #005180;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #005180;
}


.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #005180;
}

.withrc td, .notround th { border-bottom:1px solid #005180; padding:6px}
.withrc th { background-color: #005180; color:white;}
.withrc th:first-child { border-top-left-radius: 8px}
.withrc th:last-child { border-top-right-radius: 8px}

td, th {
        vertical-align: top;
}