.table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #AFB2B7;
    border-radius: 8px;
    overflow: hidden; /* Чтобы края не выходили за рамки */
}


.table th{
    border-bottom: 1px solid #D9D9D9;
    color: #AFB2B7;
    font-weight: normal;
    font-size: 16px;
}

.table th,
.table td {
    padding: 10px;
    text-align: left;
}

.table th:first-child,
.table td:first-child{
    padding-left: 40px;
}

.table th:last-child,
.table td:last-child{
    padding-right: 40px;
}

.table tr:first-child th {
    border-top: none;
}

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

.table tr td:first-child,
.table tr th:first-child {
    border-left: none;
}

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

/* Скругление углов */
.table tr:first-child th:first-child {
    border-top-left-radius: 8px;
}

.table tr:first-child th:last-child {
    border-top-right-radius: 8px;
}

.table tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}

.table tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

.table tbody tr:hover{
    background-color: #F7F8FC;
    transition: background-color 300ms ease;
}

.table .tableRowPointer {
    cursor: pointer !important;
}