.table-cell--center {
    text-align: center !important;
    vertical-align: middle;
}

.table tbody tr:hover {
    background: #f8f8f8;
}



.xeTable .thead.cell { border: none !important }
.xeTable, .xeTable--2 { border-collapse: collapse; }
.xeTable, .xeTable th, .xeTable td {
    font-size: 16px;
    color: #141414;
    border: 1px solid #979797 !important;
    padding: 0;
}
.xeTable .thead {
    background-color: #f2f4f9;
}
.xeTable .cell {
    display: grid;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
    border: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><line x1='0' y1='0' x2='100' y2='100' stroke='silver' vector-effect='non-scaling-stroke'/></svg>");
    background-position: center;
    background-size: 200% 200%;
    outline: none;
}
.xeTable .cell--center {
    text-align: center;
    vertical-align: middle;
}

.xeTable .cell--topRight {
    position: relative;
    top: 5px;
    right: 10px;
    grid-column-start: 2;
    text-align: right;
}

.xeTable .cell--bottomLeft {
    position: relative;
    bottom: 5px;
    left: 10px;
    grid-column-start: 1;
}

.xeTable .thead {
    padding-top: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
}


/* table type 2 */
.xeTable--2 th:last-child { border-right: none }
.xeTable--2 th {
    color: #141414;
    font-weight: 500;
    border-right: 1px solid #ececec;
}
.xeTable--2 tobdy tr:hover {
    background-color: rgba(83, 132, 237, 0.05);
}