.table-container {
    overflow-x: auto;
    margin: 0 auto;
    width: 100%;
    padding: 10px;
}

.custom-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #17181f;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    text-align: left;
}

.custom-table thead {
    background-color: #2b2c36;
}

.custom-table th,
.custom-table td {
    padding: 12px;
    border: 1px solid #555555;
    word-wrap: break-word;
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
	border:none;
}

.custom-table th {
    font-weight: bold;
    /* text-transform: uppercase; */
}

.custom-table th:nth-child(2),
.custom-table td:nth-child(2) {
    width: 40%;
    max-width: 60%;
}

.custom-table th:nth-child(1),
.custom-table td:nth-child(1) {
    width: 15%;
}

.custom-table tbody tr:nth-child(even) {
    background-color: #1f2028;
}

.custom-table tbody tr:hover {
    background-color: #333344;
}

.custom-table a {
    color: #00b0f0;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.custom-table img {
    vertical-align: middle;
}

@media (max-width: 768px) {
    .custom-table th, .custom-table td {
        font-size: 12px;
        padding: 8px;
    }
}

input[type="radio"]:checked {
    box-shadow: 0 0 0 3px #b58b16;
}
