.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.main-container table {
    border: 1px solid #D7D7D7;
    padding: 3px;
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table {
    width: 100%;
    border-collapse: collapse;
    background: white;
}

.table td {
    padding: 8px;
    vertical-align: top;
    border-right: 1px solid #ddd;
}

.table tr {
    border-bottom: 1px solid #ddd;
}

.table tr td:last-child {
    border-right: none;
}

tr td:first-child:empty + td + td:empty {
    font-weight: bold;
    background-color: #f2f2f2;
    text-align: center;
}

tr td:first-child:empty,
tr td:last-child:empty {
    display: none;
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
}