:root [data-md-color-scheme="default"] {
  /* шрифты для отрисовки текста на сайте и в экспортируемом PDF */
  --md-text-font: "VK Sans Display";
  --md-code-font: "Roboto Mono";
/*  --md-footer-fg-color: #000000;*/
/*  --md-footer-bg-color: #00D3E6;*/

  --md-primary-fg-color: #0077FF;
  --md-accent-fg-color: #00D3E6;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
    background-color: #ccc;
}
/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

#description {
    height: auto;
    min-height: 130px;
}

.char-count {
    font-size: 12px;
    color: gray;
    float: right; /* Выравнивание по правому краю */
}

.feedback-form {
  flex-direction: column;
  margin: 0 auto;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}

/* Стилизация текстовых полей и текстовой области */
label {
    display: block;
    margin-bottom: 5px;
    color: #666;
}

.feedback-form input[type="text"],
.feedback-form input[type="email"],
.feedback-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 1px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;  
}

/* Стилизация кнопки отправки */
.feedback-form input[type="submit"] {
    background-color: #007bff;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

/* При наведении на кнопку отправки */
.feedback-form input[type="submit"]:hover {
    background-color: #0056b3;
}
/* Стилизация кнопки для загрузки файла */
.feedback-form input[type="file"] {
    display: none; /* Скрыть стандартный вид кнопки */
}

/* Стилизация кнопки-заменителя */
.file-input-label {
    background-color: #007bff;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
}

/* Стилизация выпадающего списка */
select {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    appearance: none; /* Убираем стандартные стили операционной системы */
    background: #fff url('arrow-down.png') no-repeat right center; /* Добавляем стрелку справа */
    background-size: 20px;
    cursor: pointer;
}

/* При наведении на выпадающий список */
select:hover {
    border-color: #007bff; /* Изменяем цвет рамки при наведении */
}

/* При фокусе на выпадающий список */
select:focus {
    border-color: #007bff; /* Изменяем цвет рамки при фокусе */
}

/*Стили для readonly полей */
input[readonly], textarea[readonly] {
    background-color: #f0f0f0; /* Серый фон */
    cursor: not-allowed; /* Курсор "не разрешено" */
}

/* Стилизация красной звездочки */
.required-field {
    color: red;
}


/* При наведении на кнопку-заменитель */
.file-input-label:hover {
    background-color: #0056b3;
}

/* Стилизация сообщения об успешной отправке */
.success-message {
    color: green;
    font-weight: bold;
    text-align: center;
}

.md-header {
  --md-primary-fg-color: #FFFFFF;
  --md-primary-bg-color: #000000;
}

@media screen and (min-width: 60em) {
.md-search__form:hover {
    background-color: #00000020;
}
}
.md-tabs__link {
    opacity: .6;
}
/* 
td:nth-child(4) {
  max-width: 30px; 
  word-wrap: break-word;
  white-space: normal;
} */

/* .fix-table-1 th{
	font-weight: 700;
    min-width: 5rem;
    padding: 0.9375em 1.25em;
    vertical-align: top;
}
 */

/*толщина шрифта в заголовках горизонтального меню*/
.md-tabs__link {
    font-weight: 600;
}
.md-typeset table:not([class])[type ~= "my-table"] th:nth-child(3),
.md-typeset table:not([class])[type ~= "my-table"] th:nth-child(4), 
.md-typeset table:not([class])[type ~= "my-table"] th:nth-child(5),
.md-typeset table:not([class])[type ~= "my-table"] th:nth-child(6){
	padding-left: 0.7em !important;
	padding-right: 0.7em !important;
}

.md-typeset table:not([class])[type = "fix-table-2"] th{
	padding-left: 0.5em !important;
	padding-right: 0.5em !important;
	text-align: center !important;
}

.md-typeset table:not([class])[type = "fix-table-2"] > tbody > tr > td{
	padding-left: 0.5em !important;
	padding-right: 0.5em !important;
}

.md-typeset table:not([class])[type = "fix-table-2"] > tbody > tr > td:nth-child(7),
.md-typeset table:not([class])[type = "fix-table-2"] > tbody > tr > td:nth-child(1) {
	padding-left: 0.5em !important;
	padding-right: 0.5em !important;
	max-width: 100px !important;
	word-wrap: break-word !important;
}

.md-typeset table:not([class]) th{
  min-width: 1px !important;
}

/*Стиль, чтобы убрать рамку с картинки*/
.no-border {
  border: 0px !important;
}

/*Стиль для блок-схем*/
.block-scheme {
  border: 0px !important;
}

.block-scheme-75 {
  border: 0px !important;
  width: 75% !important;
}

.block-scheme-50 {
  border: 0px !important;
  width: 50% !important;
}

/*Стиль для пиктограмм*/
.pictogram {
  border: 0px !important;
}

.pictogram-style-5 {
  border: 0px !important;
  width: 5% !important;
  margin-bottom: -2px !important;
}

.pictogram-style-5-with-border {
  border: 1px solid #adadad !important;
  width: 5% !important;
}
.pictogram-style-4-with-border {
  border: 1px solid #adadad !important;
  width: 4% !important;
}

.pictogram-style-4 {
  border: 0px !important;
  width: 4% !important;
}

.pictogram-style-3 {
  border: 0px !important;
  width: 3% !important;
}

.pictogram-style-10 {
  border: 0px !important;
  width: 10% !important;
}

/*Для длинных пиктограмм*/
.pictogram-style-9 {
  border: 0px !important;
  width: 9% !important;
}

/*Для значка шестеренки*/
.pictogram-style-2 {
  border: 0px !important;
  width: 2.3% !important;
  margin-left: 5px !important;
  margin-right: 2px !important;
}

/*Против летающих пиктограмм*/
.pictogram-style-6 {
  border: 0px !important;
  width: 3% !important;
  margin-bottom: -3px !important;
}

.pictures-style-70 {
  width: 70% !important;
}
.pictures-style-80 {
  width: 80% !important;
}
.pictures-style-90 {
  width: 90% !important;
}
.pictures-style-95 {
  width: 95% !important;
}
.pictures-style-30 {
  width: 30% !important;
}
.pictures-style-35 {
  width: 35% !important;
}
.pictures-style-40 {
  width: 40% !important;
}
.pictures-style-45 {
  width: 45% !important;
}
.pictures-style-50 {
  width: 50% !important;
}
.pictures-style-53 {
  width: 53% !important;
}
.pictures-style-60 {
  width: 60% !important;
}
.pictures-style-63 {
  width: 63% !important;
}
.pictures-style-20 {
  width: 20% !important;
}

/*вставка разрывов страниц в тексте экспортируеммого PDF. В md-исходник нужно добавлять 
  <div class="pagebreak"></div> в том месте, перед которым хотим разрыв*/
@media print {
  .pagebreak { 
     page-break-before: always; 
  }

 /* в верхний правый угол экспортируемого в PDF файла вставляем пустую строчку,
 чтобы убрать logo, приезжающее из mkdics.yml > theme: logo: logo.svg
 + нумерация страниц на русском
 + убираем нумерацию с титульника*/
  @page {
    @top-right {
      content: "" !important;
    }
    @top-left {
      content: "" !important;
    }
    @bottom-right {
      content: "Страница " counter(page) " из " counter(pages) !important;
    }
    @bottom-center {
      content: "" !important;
        }
    @bottom-left {
      content: "" !important;
    }
  }
  @page :first {
    @bottom-right {
      content: "" !important;
    }
  }
}


/* Выравнивание по левому краю значение в поле title из метаданных, при экспорте в pdf */
#doc-cover .wrapper h1 {
  text-align: left;
}


/* Выравнивание по левому краю значение в поле subtitle из метаданных, при экспорте в pdf */
#doc-cover .wrapper h2 {
  text-align: left;
  /* Костыль для переноса слов в сайбтайтле
   width: 70%;
  line-height: 100px;*/
}

/*Лого VK WorkSpace в нормальном размере и в левом верхнем угла 
на титульном листе экспортируемого PDF (плагин mkdocs-pdf-generate*/

#doc-cover .logo{
  position: absolute;
  top: 0;
  left: 0;
  /*outline: 2px solid red;*/
  /*background-size: 30% !important;*/
  width: 30% !important;
  /*height: 30% !important;*/
  background-position: left top !important;
}

/*Убираем блок со свойствами (имя автора и картинка с url на сайт документации) из нижнего левого угла титульного листа*/
#doc-cover .properties {
  display: none !important;
}
/* отключаем нижний колонтитул */
.md-footer-nav {
  display: none;
}

.md-typeset h1 {
  font-weight: 700;
  font-size: 24pt !important;
  color: #000000 !important;
}

.md-typeset h2 {
  font-size: 22pt !important;
  font-weight: 700;
  border-bottom: 1px solid #c6c6c6;
}

.md-typeset h3 {
	font-size: 18pt !important;
  font-weight: 700;
}

.md-typeset h4 {
  font-weight: 700;
  font-size: 16pt !important;
}

.md-typeset h5 {
  font-weight: 700;
  font-size: 14pt !important;
  text-transform: none !important;
  color: #000000 !important;
}

/* рамки вокруг изображений */
/*.md-header__button.md-logo img, .md-header__button.md-logo svg [src~="logo.svg"] {
 border: 0px;
}

img {
 border: 1px solid #f00;
}
*/

article img {
  border: 1px solid #adadad;
}

/* разделитель между оглавлением и содержимым */
.md-sidebar--secondary .md-sidebar__scrollwrap {
  border-left: 1px solid #c6c6c6;
}

/* сделать эффект наведения боковой панели на фон, а не на текст */
.md-nav__link:focus, .md-nav__link:hover {
  background-color: #00000014;
  color: #000;
}
.md-nav__link {
  margin: 0px;
  padding: .3125em;
  border-radius: 4px
}
.md-nav__title {
  padding: 0.81rem;
}

/* активная запись на боковой панели выделена жирным шрифтом */
.md-nav__item .md-nav__link--active {
  font-weight: 700;
  color: var(--md-primary-fg-color); /* only required because of order when clicking on already active entry*/
}

/* лучшая видимость результатов поиска */
.md-search-result em {
  background-color: rgba(255,235,59,.5);
}

/* стиль таблицы */
table, th, td {
  border: 0.5px solid lightgray;
  border-collapse: collapse;
}

/*шрифты*/

@font-face {
    font-family: VK Sans Display;
    src: url(fonts/VK_Sans_Display_Bold.710bc371.woff2) format("woff2"),url(fonts/VK_Sans_Display_Bold.ff08dca7.woff) format("woff");
    font-weight: 700;
    font-display: fallback
}

@font-face {
    font-family: VK Sans Display;
    src: url(fonts/VK_Sans_Display_DemiBold.d124363b.woff2) format("woff2"),url(fonts/VK_Sans_Display_DemiBold.fc7db809.woff) format("woff");
    font-weight: 600;
    font-display: fallback
}

@font-face {
    font-family: VK Sans Display;
    src: url(fonts/VK_Sans_Display_Medium.2561a4da.woff2) format("woff2"),url(fonts/VK_Sans_Display_Medium.28e6b932.woff) format("woff");
    font-weight: 500;
    font-display: fallback
}

@font-face {
    font-family: VK Sans Display;
    src: url(fonts/VK_Sans_Display_Regular.be29baa2.woff2) format("woff2"),url(fonts/VK_Sans_Display_Regular.8c5c037e.woff) format("woff");
    font-weight: 400;
    font-display: fallback
}

@font-face {
    font-family: VK Sans Display;
    src: url(fonts/VK_Sans_Display_Light.51dd9008.woff2) format("woff2"),url(fonts/VK_Sans_Display_Light.c9cb729b.woff) format("woff");
    font-weight: 300;
    font-display: fallback
}

@font-face {
    font-family: Roboto Mono;
    src: url(fonts/RobotoMonoThin.a50e89d2.woff) format("woff");
    font-weight: 100;
    font-display: fallback
}

@font-face {
    font-family: Roboto Mono;
    src: url(fonts/RobotoMonoLight.939357ba.woff) format("woff");
    font-weight: 300;
    font-display: fallback
}

@font-face {
    font-family: Roboto Mono;
    src: url(fonts/RobotoMonoRegular.01f6eb6b.woff) format("woff");
    font-weight: 400;
    font-display: fallback
}

@font-face {
    font-family: Roboto Mono;
    src: url(fonts/RobotoMonoMedium.0d0476d2.woff) format("woff");
    font-weight: 500;
    font-display: fallback
}

@font-face {
    font-family: Roboto Mono;
    src: url(fonts/RobotoMonoBold.57c05b32.woff) format("woff");
    font-weight: 700;
    font-display: fallback
}
/*
.md-typeset ol ol{
  list-style-type: none !important;
}

.test ol {
    counter-reset: section !important;           /*Создаёт новый счётчик для каждого
                                        тега <ol>*/
/*    list-style-type: none !important;
}
.test ol li::before {
    counter-increment: section !important;      /*Инкрементируется только счётчик
                                       текущего уровня вложенности*/
  /*  content: '3.' counters(section," ") !important;/*Добавляем значения всех уровней
                                      вложенности, используя разделитель '.'*/
                                     /*Если необходима поддержка < IE8,
                                        необходимо убедиться, что после
                                        разделителя ('.') не стоит пробел*/
 /*   margin-left: -25px;
    margin-right: 4px;
  }
*/