/*
.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: 5px 0 0 15px;
    text-align: left; 
	background: url(../images/bg_h1.png);
	background-repeat: no-repeat;
	height: 36px;
/*border-bottom: 2px solid #e7e7e9;*/
}

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

}

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


h1 {
    line-height: 60%;
	padding: 10px 20px 10px 10px;
   } 
   p {
    line-height: 1.5;
	padding: 10px 20px 10px 10px;
   }

/*ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
} 
*/
#okrug {
    margin-bottom: 55px;
    text-align: left; 

}

#okrug a {
 color: #037DD3;
 text-decoration:none;
 font:normal 14px Verdana, Tahoma, Sans-Serif;
}
.okrug_sec {
    margin: 10px 0 0 5px;
}
.okrug_sec img {
    vertical-align:middle;
}

#okrug h4 {
    font-size: 13px;
    text-align: center;
}   
#okrug img {
    background-color: white;
    float: left;
    height: 18px;
    margin-right: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    width: 18px;
}
.name_gov {
    background-color: #4577A9;
    color: white;
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
    padding-bottom: 3px;
    padding-left: 22px;
    padding-top: 3px;
}

//*ТАБЛИЦА 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;
}