body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1;
}

.footer {
    width: 100%;
    line-height: 40px; /* Высота footer'а */
    background-color: #f5f5f5;
}
/* Уменьшенные отступы в ячейках */
.table-sm th, .table-sm td {
    padding: 0.3rem;
    font-size: 0.875rem;
}

/* Фиксированная ширина для некоторых колонок */
.table th:nth-child(1),
.table td:nth-child(1) {
    width: 20%;  /* Примерное значение, можно подстроить под свои нужды */
}
/* Добавьте аналогичные стили для других колонок при необходимости */

/* Предотвращаем перенос текста на новую строку */
.table-sm th, .table-sm td {
    white-space: nowrap;
}

/* Увеличиваем ширину таблицы, чтобы использовать горизонтальную прокрутку */
.table-150 {
    width: 150%; /* или другое значение по вашему усмотрению */
}


/* Ограничиваем отображение текста в зоне 2 и добавляем многоточие */
.table-150 td:nth-child(1) {
    width: 150px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.custom-container {
    padding-left: 5px;
    padding-right: 5px;
}