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


/* Стили для контейнера таблицы */
.table-scroll {
    flex-grow: 1; /* Занимает всё доступное пространство */
/*    max-height: 91%; /* Ограничение высоты таблицы */
    overflow: hidden; /* Скрываем стандартный скролл */
 /*   border: 1px solid #ddd; /* Граница вокруг таблицы */
    display: flex; 
    position: relative; /**/
}
.table-wrapper {
    width: 100%;
}

/* Стили для дополнительного скролла */
.table-scrollbar {
    width: 15px;
/*    background-color: #D7E5F3;      */
/*    background-color: #ECF4FB;      */
/*    border: 1px solid #ccc;   */
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 1px;
    position: relative;
    cursor: default; /* Оставляем курсор "стрелкой" */
}
.table-scrollbar-thumb {
    width: 9px; /* Ширина ползунка */
    background-color: #74AFE1; /* Цвет ползунка */
    position: absolute; /* Абсолютное позиционирование внутри .table-scrollbar */
    top: 0; /* Начальная позиция сверху */
    height: 0; /* Высота ползунка (будет динамически рассчитываться) */
    border-radius: 5px; /* Закругление углов */
    left: 50%; /* Смещение ползунка на 50% от ширины родителя */
    transform: translateX(-50%); /* Центрирование ползунка по горизонтали */
}
.table-scrollbar, .table-scrollbar-thumb {
    user-select: none;
}


/* Стили для таблицы */
table {
	width: 100%; /* Ширина таблицы 100% от родителя */
/*	height: 100%; /*  Высота таблицы % от родителя */
/*	height: calc(100% - 1px);  /* расчет высоты от родителя */
/*	max-height: 70%; /* Ограничение высоты таблицы */
	border-collapse: collapse; /* Убираем двойные границы */
/*	border: 4px solid #FFA500; /* Граница вокруг таблицы */
}

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

tr{
height: min-content; /* занимать минимальную высоту */
}
/* Стили для ячеек таблицы (заголовки и данные) */
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; /* Цвет выделенной строки */
}



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

/* Стили для контейнера таблицы */
.table-scroll-1 {
    flex-grow: 1; /* Занимает всё доступное пространство */
    display: flex;
    position: relative;
    overflow: hidden; /* Скрываем стандартный скролл */
    
    /*	height: 100%; /*  Высота таблицы % от родителя */
		max-height: 100%; /* Ограничение высоты таблицы */
		max-width: 100%; /* Ограничение высоты таблицы */
}