.right-container {
    float: right;
    /*background-color: #3450db; /* Цвет фона контейнера */
    background-color: rgba(0, 0, 0, 0); /* Прозрачный цвет фона */
    margin-top: -20px; /* Внешний отступ сверху */
    /*color: #fff; /* Цвет текста в контейнере */
    padding: 20px; /* Внутренний отступ контейнера */
    margin-top: -40px; /* Внешний отступ сверху */
    margin-left: 0; /* Выравнивание по левой стороне от контейнера .container */
    margin-right: 0; /* Внешний отступ справа */
    height: 850px; /* Увеличенная высота контейнера */
    width: 850px; /* Увеличенная широта контейнера */
    /*border: 2px solid #2c3e50; /* Граница контейнера */
    border-radius: 10px; /* Скругление углов контейнера */
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Тень контейнера */
    font-size: 16px; /* Размер текста в контейнере */
    line-height: 1.5; /* Межстрочное расстояние текста в контейнере */
    text-align: center;  Выравнивание текста в контейнере */
    overflow: hidden; /* Обрезать содержимое, если оно выходит за границы контейнера */
    /*transition: background-color 0.3s ease-in-out; /* Плавное изменение цвета фона при hover */
}

.form-control-output1 {
    /* Общие стили для элементов output */
    font-size: 25px;
    width: 837px;
    color: #333;
    border: 1px solid black; /* Устанавливаем Черную границу */
    padding: 5px; /* Добавляем небольшой внутренний отступ для улучшения внешнего вида */
    /* Другие желаемые стили */
    font-size: 12px; /* Замените значение на нужный размер */
    height: 20px; /* Увеличенная высота контейнера */
    text-align: left;  Выравнивание текста в контейнере */
    margin-bottom: 0;
}

/* Пример стилей для span внутри элементов с классом form-control-output1 */
.form-control-output1 span {
    font-weight: bold;
    color: black; /* Например, красный цвет */
}

.table th {
    font-size: 15px; /* Устанавливаем размер текста в 18 пикселей */
    text-align: center;  Выравнивание текста в контейнере */
}



.table td:first-child {
    font-size: 12px; /* Устанавливаем размер текста для первых ячеек в строках таблицы */
    text-align: left;  Выравнивание текста в контейнере */
}

.table {
    border-collapse: collapse; /* Объединяем границы ячеек */
    width: 100%; /* Ширина таблицы */
    margin-top: 20px; /* Добавляем отступ сверху */
}

.table th, .table td {
    border: 1px solid black; /* Устанавливаем черные границы для заголовков и ячеек */
    padding: 8px; /* Добавляем внутренний отступ для улучшения внешнего вида */
    text-align: left; /* Выравнивание текста в ячейках */
    font-size: 14px;
}