table {
    margin: 20px 0 !important;
    width: auto !important;
    border-spacing: 0 !important;
    border-collapse: collapse !important;
    border: 2px solid #2a2f36 !important;
}
.table-wrap {
    display: block;
    width: 100%;
    overflow-x: auto;
}
table thead {
    background: #2a2f36 !important;
    color: #fff !important;
    text-align: left;
    font-weight: 600;
}
table thead th {
    font-weight: 600;
}
table td,
table th {
    padding: 10px 15px !important;
    font-size: 16px;
    font-weight: 400;
}
/* First column (Field) - no wrap */
table td:first-child,
table th:first-child {
    white-space: nowrap !important;
}
@media only screen and (min-width: 768px) {
    table td,
    table th {
        padding: 12px 20px !important;
    }
}