.data-table {
    border: 1px solid rgb(199, 199, 199);
    overflow: auto;
    /*font-size: 1rem;*/
    font-size: 16px;
    border-radius: 5px;
    width: 100%;
}

.data-table table {
    font-size: 16px !important;
    width: 100%;
    border-collapse: collapse;
    border: none;
}

.data-table thead {
    font-size: .9em;
    font-family: "red-hat-display", sans-serif;
    position: sticky;
    top: 0;
    z-index: 1;
}

.data-table thead th {
    border-bottom: 2px solid #0068A8;
    border-top: none;
    border-left: none;
    background-color: #0068A8;
    color: #fff;
    vertical-align: top;
    text-align: left;
    /*padding: .5rem;*/
    padding: 8px;
}
.data-table thead th:last-of-type{
    border-right: 0;
}

.data-table tbody {
    line-height: 18px;
}

.data-table tbody tr:nth-of-type(even) {
    background-color: rgba(228, 228, 228, 0.1);
}

.data-table tbody tr:nth-of-type(odd) {
    background-color: rgba(228, 228, 228, 0.5);
}
.data-table tbody tr:last-of-type td{
    border-bottom: none;
}

.data-table tr:hover td {
    background-color: rgba(0, 104, 168, 0.2);
    border-right-color: rgba(0, 104, 168, 0.5);
}

.data-table td {
    transition: background-color .1s;
    vertical-align: top;
    /*padding: .5rem;*/
    padding: 8px;
    border-right: 1px solid #c7c7c7;
    border-top: none;
    border-bottom: none;
}
.data-table td:first-of-type {
    border-left: none;
}
.data-table td:last-of-type {
    border-right: none;
}

.data-table td span {
    display: block;
}

.data-table th {
    border-right: 1px solid rgba(0, 104, 168, 0.8);
}

.data-table td.bold {
    font-weight: 600;
}

.data-table td.full span {
    white-space: nowrap;
    /*margin-bottom: .25rem;*/
    margin-bottom: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #c7c7c7;
}

.data-table tr:hover td.full span {
    border-bottom-color: rgba(0, 104, 168, 0.5);
}

.data-table td.full span:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.data-table td.status {
    font-size: 1.4em;
}

.data-table td.status,
.data-table td.bool {
    text-align: center;
}

.data-table td.compact {
    min-width: 300px;
}

.data-table td.mono span {
    font-family: "red-hat-mono", monospace;
    font-size: .9em;
}