.input-container {
            margin-bottom: 20px;
        }

        .table-container {
            overflow-y: auto; /* Включает вертикальную прокрутку, если контент превышает высоту контейнера */
            max-height: 800px; /* Максимальная высота контейнера таблицы */
        }
      
    table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }

    th, td {
        padding: 12px 15px;
        border: 1px solid #ddd;
        text-align: left;
    }

    th {
        background-color: #1959d1;
        color: #ffffff;
        font-weight: bold;
    }

    tr:nth-child(even) {
        background-color: #f9f9f9;
    }

    tr:hover {
        background-color: #f1f1f1;
    }

    
    .input-small {
        width: 100%;
        max-width: 80px;
    }
    @media print {
    body, html {
        font-size: 12pt;
    }
    body * {
        visibility: hidden; /* Скрывает все элементы на странице */
    }
    .table-container, .table-container * {
        visibility: visible; /* Делает видимыми только элементы внутри .table-container */
    }
    .table-container {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%; /* Чтобы таблица растягивалась на всю ширину страницы */
    }
}
button {
    background-color: #4CAF50; /* Зеленый фон */
    color: white; /* Белый текст */
    padding: 10px 20px; /* Вертикальные и горизонтальные отступы */
    margin: 10px 0; /* Отступ сверху и снизу */
    border: none; /* Убрать стандартные границы */
    border-radius: 5px; /* Скругленные углы */
    cursor: pointer; /* Курсор в виде указателя */
    font-size: 16px; /* Размер шрифта */
    transition: background-color 0.3s; /* Анимация фона при наведении */
}

button:hover {
    background-color: #45a049; /* Слегка измененный оттенок зеленого при наведении */
}

