.user-manager-table > div {
    display: grid;
    grid-column-gap: 50px;
    grid-template-columns: 10% 10% 20% 10% 40%;
}

.user-account-table > div {
    display: grid;
    grid-column-gap: 50px;
    grid-template-columns: 25% 75%;
}

.user-account-table .table-header > span:last-child {
    text-align: right;
    padding-right: 3.5em;
}

.user-account-table .table-header .button {
    display: inline-block;
    max-width: 170px;
}

.user-account-table .table-row > *:first-child {
    margin-right: 1em;
    text-align: right;
}

.data-table {
    border-radius: .5em;
    border: 1px solid #212121;
    /* width: 80%;
    margin-left: 10%;
    margin-right: 10%; */
}

.table-header {
    background-color: #880000;
    padding: 5px;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    min-height: 1.5em;
    padding-top: .5em;
}

.table-row {
    padding: 5px;
    background-color: #222;
    opacity: .95;
}

.table-row:last-child {
    border-bottom-right-radius: .5em;
    border-bottom-left-radius: .5em;
}

.table-row:nth-child(odd) {
    padding: 5px;
    background-color: #333;
    opacity: .95;
}