.markettable {
    overflow-x: auto; /* Включаем горизонтальную прокрутку для всего блока */
    padding-bottom: 60px; /* или больше, в зависимости от высоты футера */

}

.markettable table {
    width: auto; /* Таблица займет столько места, сколько нужно для всего содержимого */
    max-width: 1000px; /* Максимальная ширина таблицы */
    border-collapse: collapse;
    margin: 20px 0; /* Отступ сверху и снизу */
    font-size: 0.9em;
    min-width: 400px; /* Минимальная ширина таблицы */
    background-color: #333; /* Фоновый цвет таблицы */
    color: #fff; /* Цвет текста */
    border-radius: 8px; /* Скругление углов */
}

.markettable th,
.markettable td {
    text-align: left;
    padding: 12px 15px;
    border-bottom: 1px solid #555; /* Граница между строками */
}

.markettable th {
    background-color: #444; /* Фоновый цвет шапки таблицы */
    color: #ff9d00; /* Цвет текста шапки */
    font-weight: bold;
}

.markettable tr {
    transition: background-color 0.3s ease;
}

/* Чередование фоновых цветов строк */
.markettable tr:nth-child(even) {
    background-color: #383838;
}
.markettable tr:nth-child(odd) {
    background-color: #333;
}

/* Эффект при наведении курсора на строку */
.markettable tr:hover {
    background-color: #292929;
    cursor: pointer;
}

/* Стили для ячеек с логотипами */
.markettable img {
    height: 20px; /* Высота логотипа */
    width: auto; /* Автоматическая ширина логотипа */
    margin-right: 10px; /* Отступ справа от логотипа */
}


/* Дополнительные стили для адаптивности */
@media screen and (max-width: 768px) {
    .markettable table {
        font-size: 0.8em;
        min-width: 600px; /* Увеличиваем минимальную ширину таблицы */
    }
    .markettable th,
    .markettable td {
        padding: 10px;
    }
    .markettable tr td:nth-child(2) { /* Селектор для второго столбца */
        min-width: 80px; /* Устанавливаем минимальную ширину для столбца Name */
        white-space: nowrap; /* Предотвращаем перенос текста */
    }
}

@media screen and (min-width: 768px) {
    .markettable table {
        text-align: center;
        margin: 0 auto;
    }
}


a.clean-link {
    color: inherit;
    text-decoration: none;
}