/*
.trigger{margin: 5px; color: #245f96; cursor: pointer; font-size: 90%; text-decoration: underline;}
.triggered-data {padding: 3px 3px 3px 20px; font-size: 90%; color: #000000;}
.triggered-data a {display: block; padding: 3px;}
*/
.info_head { 
	color: #2c2d2e;
    font-size: 16px; 
	font-weight: bold;
	font-family:   Arial, Verdana, Geneva, Helvetica, sans-serif;
	padding: 70px 0 0 15px;
    text-align: left; 
/*	background: url(../images/bg_h1.png);*/
	background-repeat: no-repeat;
/*	width: 700px; 
	height: 36px;*/
/*border-bottom: 2px solid #e7e7e9;*/
}

.info_content {padding: 40px 20px 10px 10px; margin: 0; font-family:  Arial, Verdana, Sans-serif; 
text-align: justify; font-size: 16px; }

.info_content img  {
  max-width: 100%;
  height: auto;
}

//*ТАБЛИЦА Begin

/* Ограничиваем ширину контейнера */
.table-wrapper {
    width: 100%;
    max-width: 700px; /* Можно убрать, если таблица должна тянуться на всю ширину родителя */
    margin: 0 auto;
    overflow-x: auto; /* Включает горизонтальную прокрутку у блока */
    
    /* Опционально: стилизация самой полосы прокрутки (WebKit-браузеры) */
    -webkit-overflow-scrolling: touch; /* Плавный инерционный скролл на iOS/Android */
}

/* Чтобы скрыть некрасивый скачок при появлении скролла, можно добавить отступ справа */
.table-wrapper::-webkit-scrollbar {
    height: 8px;
}
.table-wrapper::-webkit-scrollbar-thumb {
    background-color: #c0c0c0;
    border-radius: 4px;
}

/* Базовые стили таблицы */
table {
    width: 100%;
    min-width: 600px; /* Ключевое правило: ширина контента больше ширины родителя */
    border-collapse: collapse;
    font-family: Arial, sans-serif;
}

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

th {
    background-color: #f4f6f8;
    position: sticky; /* Прилипание заголовка при скролле */
    top: 0;
    z-index: 1;
}