.table>tbody>tr>td {
    vertical-align: middle;
    /* This will vertically center the content within the table cell */
}

.table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    /* This removes any spacing between borders */
}

.table thead th {
    border-bottom: none;
}

.highlighted-cell-grey {
    background-color: #dcdcdc;

    &.top-right {
        border-top-right-radius: 8px;
    }

    &.bottom-right {
        border-bottom-right-radius: 8px;
    }
}
.highlighted-cell-darker-grey {
    background-color: #c8c8c8;

    &.top-left {
        border-top-left-radius: 8px;
    }
    &.bottom-left {
        border-bottom-left-radius: 8px;
    }
}

.table tbody .table tr {
    text-align: center;
    vertical-align: middle;
    /* Padding for cells should be set on `td`, not `tr` */
}

.table td {
    vertical-align: middle;
    font-weight: normal;
    /* This vertically centers the content */
    /* Adjust padding as necessary */
}