/* Стили для таблиц с прокруткой */
	
.table-container {
	flex-grow: 1; /* Занимает оставшееся пространство */
/*	height: 100%; /*  Высота таблицы % от родителя */
	max-height: 95%; /* Ограничение высоты таблицы */
	overflow-y: auto; /* Вертикальная прокрутка */
	border: 1px solid #ddd; /* Граница вокруг таблицы */
}

/* Стили для таблицы */
table {
	width: 100%; /* Ширина таблицы 100% от родителя */
/*	height: 100%; /*  Высота таблицы % от родителя */
	max-height: 70%; /* Ограничение высоты таблицы */
	border-collapse: collapse; /* Убираем двойные границы */
}

table:focus {
	outline: none; /* Убираем контур при фокусе */
}

/* Стили для ячеек таблицы (заголовки и данные) */
th, td {
	border: 1px solid #ddd; /* Границы ячеек */
	padding: 10px; /* Отступы внутри ячеек */
	text-align: left; /* Выравнивание текста по левому краю */
}

/* Стили для заголовков таблицы */
th {
	background-color: #d3d3d3; /* Светло-серый цвет для заголовка */
	color: black; /* Цвет текста заголовка */
	position: sticky; /* Фиксированное положение заголовка */
	top: 0; /* Прокрутка начинается от верхней части контейнера */
	z-index: 1; /* Убедитесь, что заголовок находится выше других строк */
}

/* Стили для четных строк таблицы */
tr:nth-child(even) {
	background-color: #f2f2f2; /* Цвет фона для четных строк */
}

/* Стили для строк при наведении */
tr:hover {
	background-color: #ddd; /* Цвет фона при наведении */
}

/* Стили для выделенной строки */
tr.selected {
	background-color: #a0d3ff; /* Цвет выделенной строки */
}