html,body{
font-family: "Verdana";
line-height: 1.5;
height:100%;
margin:0px;
padding:0px
}
body 
{
  background-color: #D2B48C;/*#C0C0C0;*/
}
body.b1 
{
  background-color: #FFFFFF;
}
h1 
{
  font-style: normal; 
  font-weight: normal;
  font-size: 160%;
  font-family: "Times New Roman";
  text-align: center;
  color: #2E8B57;
}
h2 
{
  font-style: italic; 
  font-weight: normal;
  font-size: 140%;
  font-family: "Times New Roman";
  text-align: center;
  color: #005951;
}
h3 
{
  font-style: normal; 
  font-weight: bold;
  font-size: 120%;
  font-family: "Times New Roman";
  text-align: center;
  color: #005951;
}
h4
{
  font-style: normal; 
  font-weight: bold;
  font-size: 100%;
  font-family: "Times New Roman";
  text-align: center;
  color: #8B0000;
}
h5 /* шрифт для АВТОРОВ в содержания книг */
{
  font-style: normal; 
  font-weight: normal; /*bold*/
  font-size: 120%;
  font-family: "Arial";
  text-align: center;
  color: #000000;
}
h6 /* шрифт для НАЗВАНИЯ КНИГИ в содержания книг */
{
  font-style: normal; 
  font-weight: normal; /*bold*/
  font-size: 140%;
  font-family: "Century Gothic";
  text-align: center;
  color: #000080;
}
.gr /* шрифт для мелких серых замечаний */
{
  font-style: normal; 
  font-weight: normal; /*bold*/
  font-size: 8pt;
  font-family: "Arial";
  color: #808080;
}
.pntr{
  cursor: pointer;
}
.fixit{ /* шрифт для пунктов анкеты (ПІБ, дата народженя, місце наодждення, сімейний стан...)*/
  font-size: 12pt;
  font-weight: bold;
  font-family: "Arial";
  color: #999;
  /*background-color: #999;*/
}

.example_title{ /* шрифт для заголовка в примерах/задачах по теорверу и матстат */
  width: 100%;
  font-size: 14pt;
  font-family: "Arial";
  color: #900000;
  text-align: center;
}

.example_subtitle{ /* шрифт для подписей вида "Середній рівень" */
  width: 100%;
  font-size: 12pt;
  font-family: "Arial";
  color: blue;
  text-align: center;
}

.example_word{ /* шрифт для слов Умова, Розв'язок, Відповідь */
  font-weight: bold;
  color: #900000;
}

.example_par{ /* шрифт для абзацев в примерах/задачах по теорверу и матстат */
  text-indent: 50px;
  text-align: justify;
  line-height: 1.6;
}

.example_par_noident{ /* шрифт для абзацев в примерах/задачах по теорверу и матстат но без отступа */
  text-indent: 0px;
  text-align: justify;
  line-height: 1.6;
}

.def{ /*шрифт для выделения определений, например "Матрицю А називають <spam class=def>квадратною</spam>, якщо..." */
  color: blue;
  /*font-weight: bold;*/
}

a:link { /* обычные ссылки - убираем подчеркивание*/
 text-decoration: none; /* Отменяем подчеркивание у ссылки */
 color: blue;
}
a:hover {
 text-decoration: none; /* Отменяем подчеркивание у ссылки */
 color: red;
}
a:visited {
 text-decoration: none; /* Отменяем подчеркивание у ссылки */
}

.uplink{ /* ссылки в шапке сайта */
 color: #CCC; /* Цвет текста */
 text-decoration: none; /* Отменяем подчеркивание у ссылки */
 padding: 0px; /* Поля вокруг текста */
 font-size: 120%;
}
.uplink:hover{
 color: #FFF; /* Цвет текста */
 text-decoration: none; /* Отменяем подчеркивание у ссылки */
 padding: 0px; /* Поля вокруг текста */
 font-size: 120%;
}


a.menu:link 
{
 color: #8B0000; /* Цвет текста */
 /* background: #808080 ; /* Цвет фона */
 text-decoration: none; /* Отменяем подчеркивание у ссылки */
 padding: 2px; /* Поля вокруг текста */
}
a.menu:visited 
{
 color: #8B0000; /* Цвет текста */
 /* background: #808080 ; /* Цвет фона */
 text-decoration: none; /* Отменяем подчеркивание у ссылки */
 padding: 2px; /* Поля вокруг текста */
}
a.menu:hover 
{
 color: red; /* Цвет текста */
 /* background: #808080 ; /* Цвет фона */
 text-decoration: none; /* Отменяем подчеркивание у ссылки */
 padding: 2px; /* Поля вокруг текста */
}
a.simple:link 
{
 color: #8B0000; /* Цвет текста */
 /* background: #808080 ; /* Цвет фона */
 text-decoration: none; /* Отменяем подчеркивание у ссылки */
 padding: 2px; /* Поля вокруг текста */
}
a.simple:visited 
{
 color: #8B0000; /* Цвет текста */
 /* background: #808080 ; /* Цвет фона */
 text-decoration: none; /* Отменяем подчеркивание у ссылки */
 padding: 2px; /* Поля вокруг текста */
}
a.simple:hover 
{
 color: red; /* Цвет текста */
 /* background: #808080 ; /* Цвет фона */
 text-decoration: none; /* Отменяем подчеркивание у ссылки */
 padding: 2px; /* Поля вокруг текста */
}

a.hidden:link     {color: white;  text-decoration: none; font-size: 10pt;}
a.hidden:visited  {color: white;  text-decoration: none; font-size: 10pt;}
a.hidden:active   {color: white;  text-decoration: none; font-size: 10pt;}
a.hidden:hover	  {color: white;  text-decoration: none; font-size: 10pt;}

TABLE.mt 
{ margin:0 5%; /это отступы для таблицы: 0 снизу и сверху, 
		5% - слева и справа, т.е. таблица занимает 90% по ширине */
 }
TD.A /*колонка для меню*/
{
background-color: #EEE8AA;
align: center;
width: 1%; 
}
TD.B /*колонка для стрелочки*/
{
background-color: yellow;
align: center;
}
TD.C /*основная колонка*/
{
background-color: #E6E6E6 /*#F5DEB3*/;
align: center;
width: 90%; 
padding:20px; /* cellpadding="20" */

}
TD.M /*ячейка меню*/
{
align: center;
text-align: left; /* center */ 
height: 25px;
}
TD.tit1
{
background-color: #EEE8AA;/* #F5F5DC;*/
/* align: center; 
width: 40%; */
}
TD.c1 /* 1-ая ячейка в таблице с ТВ-семинарами */
{
text-align: center; 
width: 20px;
}
TD.c2 /* 2-ая ячейка в таблице с ТВ-семинарами */
{
text-align: left; 
}
TD.c3 /* 3-ья ячейка в таблице с ТВ-семинарами */
{
text-align: center; 
width: 30px;
}
TD.testA 
{
background-color: #7CFC00;
align: center;
width: 40px;
}
TD.testB
{
background-color: #F5DEB3;
align: center;
width: 150px;
heigth: 100%;
}
table.stats {
	font: 10pt Tahoma;
	align: center;
	background-color: #C0C0C0;  
}
table.stats TH {
	background-color: #C0C0C0;     
}
table.stats TR {
	background-color: #E6E6E6;
}
.bm-tab-active, .bm-tab-passive{
	position: relative; 
	float: left;
	background-color: #eee;
	border-radius: 10px 10px 0 0;
	padding: 6px 8px;
	margin: 0px 3px;
	cursor: pointer;
	border-top:   1px solid #bbb;
	border-left:  1px solid #bbb;
	border-right: 1px solid #bbb;

}
.bm-tab-active:first-child, .bm-tab-passive:first-child{
	margin: 0px 3px 0 0;
}
.bm-tab-passive{
	background-color: #ccc;
	color: #999;
}
.bm-text{
	position: relative; 
	clear: both;	
	padding: 10px 10px;
	background-color: #eee;
	border-left:  1px solid #bbb;
	border-bottom:  1px solid #bbb;
	border-right: 1px solid #bbb;
}

.accordeon__section {
  border: 1px solid #999;
  border-radius: 5px;
  margin-bottom: 10px;
  scroll-margin-top: 20px !important;
  transition: all 0.5s ease;
}
.accordeon__header {
  background-color: #DDD;
  padding: 10px;
  cursor: pointer;
  user-select: none;
}
.accordeon__header:hover{
  background-color: #CCC;
}
.accordeon__link {
  color: #444444 !important;
  font-size: 80%  !important;
  font-weight: bold  !important;  
}
.accordeon__section .accordeon__body {
  max-height: 0;
  overflow: hidden !important;  
  transition: all 0.5s ease-out;
  padding: 0;
}


a.pr_ref:link, a.pr_ref:visited /* Це для лінків у переліках задач для практичних робіт */
{
 color: #555 ; /* Цвет текста */
 text-decoration: none; /* Отменяем подчеркивание у ссылки */
 display: inline-block; /* без этого padding не будут работать */
 padding: 2px; /* Поля вокруг текста */
}
a.pr_ref:hover 
{
 color: #000;
}

ul.no-markers {
  list-style-type: none;
  padding-left: 20pt; /* Прибирає відступ зліва */
}

ul.no-markers li {
  margin-bottom: 0.5em; /* Додає трохи простору після кожного елемента */
}


/* --- Custom MathJax Zoom Styles (using class selector) --- */

.CtxtMenu_Info {
    /* Збільшуємо максимальну ширину */
    max-width: 80% !important; /* Наприклад, 80% ширини вікна */
    /* Або фіксована ширина */
    /* max-width: 900px !important; */

    /* Керування горизонтальним скролом */
    overflow-x: auto !important; /* 'auto' покаже скрол лише за потреби */
    /* overflow-x: hidden !important; */ /* Сховати скрол, якщо вікно достатньо широке */

    /* Можливо, потрібно буде налаштувати центрування,
       оскільки MathJax може використовувати inline стилі для позиціонування.
       Спробуйте додати це, якщо вікно з'їжджає після зміни ширини: */
    /* left: 50% !important; */
    /* transform: translateX(-50%) !important; */
    /* margin-left: auto !important; /* Спробуйте видалити inline margin-left */
    /* margin-right: auto !important; */

    box-sizing: border-box !important;
}

/* Можливо, знадобиться обмежити ширину і для внутрішнього контенту */
.CtxtMenu_InfoContent {
    max-width: 100% !important;
    overflow-x: auto !important; /* Дозволити скрол всередині, якщо формула все ще заширока */
    box-sizing: border-box !important;
}