: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;
}


/* Кнопка открытия чата */
#chat-toggle {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 20px;
  cursor: pointer;
  font-size: 16px;
  transition: all 0.3s ease; /* Плавный эффект при наведении */
  
  /* Тень */
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
}

/* Увеличенная тень при наведении */
#chat-toggle:hover {
  box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.4);
}

/* Чат скрыт по умолчанию */
#chatbox {
  width: 350px;
  height: 500px;
  background: white;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  display: none; /* Чат скрыт */
  flex-direction: column;
  position: absolute;
  bottom: 20px; /* Чтобы не перекрывал кнопку */
  right: 0;
  border: 1px solid #ccc;
}

/* Кнопка закрытия чата */
#chat-close {
  background: none;
  border: none;
  color: white;
  font-size: 18px;
  cursor: pointer;
  position: absolute;
  right: 10px; /* Прижимаем кнопку к правому краю */
}

#chatbot-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

#chatbot-header {
  background: #007bff;
  color: white;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center; /* Центрируем заголовок */
  font-weight: bold;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative; /* Нужно для правильного позиционирования кнопки */
}


#chatbot-chat {
  flex: 1;
  padding: 10px;
  overflow-y: auto;
  background-color: #f9f9f9;
}

.chatbot-message {
  margin: 10px;
  padding: 8px;
  border-radius: 8px;
  max-width: 80%;
}

.chatbot-bot {
  background-color: #e7f3ff;
  align-self: flex-start;
}

.chatbot-user {
  background-color: #d1f7c4;
  align-self: flex-end;
}

.chatbot-link {
  display: block;
  margin: 5px 10px;
  font-size: 12px;
  color: #0078D7;
  text-decoration: none;
}

.chatbot-link:hover {
  text-decoration: underline;
}

#chatbot-input {
  display: flex;
  border-top: 1px solid #ccc;
}

#chatbot-input input {
  flex: 1;
  padding: 10px;
  border: none;
  border-bottom-left-radius: 10px;
}

#chatbot-input button {
  padding: 10px;
  background-color: #0078D7;
  color: white;
  border: none;
  border-bottom-right-radius: 10px;
  cursor: pointer;
}

#chatbot-input button:hover {
  background-color: #005bb5;
}


.maintenance-banner {
  background: rgba(255, 255, 255, 0.9); /* Полупрозрачный белый фон */
  border: 2px solid #007bff; /* Темно-красная рамка */
  color: #007bff; /* Темно-красный цвет текста */
  padding: 20px; /* Увеличенные отступы */
  text-align: center;
  font-size: 24px; /* Увеличенный размер текста */
  font-weight: bold;
  margin: 20px 0; /* Отступы сверху и снизу */
  border-radius: 5px; /* Слегка скругленные углы */
}

.md-typeset table:not([class])[type = "table-for-main-page"] td{
  border: 0px;
  padding: 5px;
  width: 400px;
  padding-left: 20px;
}

.md-typeset table:not([class])[type = "table-for-main-page"]{
  border: 0px;
  font-size: 14pt;
}

.md-typeset table:not([class])[type = "table-for-main-page"] tbody tr:hover {
  background-color: #FFFFFF;
}

.md-typeset table:not([class])[type = "table-for-index-page"] td{
  border: 0px;
  padding: 5px;
  width: 400px;
  padding-left: 20px;
}

.md-typeset table:not([class])[type = "table-for-index-page"]{
  border: 0px;
  font-size: 14pt;
}

.md-typeset table:not([class])[type = "table-for-index-page"] tbody tr:hover {
  background-color: #FFFFFF;
}

.table-container {
  display: flex;
}

.icon-for-main-page{
  border: 0px;
  width: 500px;
}

@media (max-width: 768px) {
  .md-typeset table:not([class])[type = "table-for-main-page"] td{
      display: flex;
      clear: both;
      justify-content: space-between;
      padding-left: 0px;
      width: 270px;

  }
  .md-typeset table:not([class])[type = "table-for-main-page"]{
    display: block;
    font-size: 12pt;
  }

  .md-typeset table:not([class])[type = "table-for-index-page"] td{
      display: flex;
      clear: both;
      justify-content: space-between;
      padding-left: 0px;
      width: 270px;

  }
  .md-typeset table:not([class])[type = "table-for-index-page"]{
    display: block;
    font-size: 12pt;
  }
  .icon-for-main-page{
    display: none;
  }

  .table-container {
    display: block;
  }
}


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

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

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

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

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



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

.md-grid {
  max-width: 85%; 
}

@media (max-width:1219px) {
  .md-content{
    max-width: 100%; 
  }
}

@media (min-width:1220px) {
  .md-content{
    max-width: 60%; 
  }
}

@media screen and (max-width: 59.9844em) {
  .md-nav__source {
    background-color: #fff;
    color: #000;
  }
}

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

/* Стилизация выпадающего списка */
select {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 12pt;
    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;
}

.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;
}

/*Переопределение стилей для рамок и иконки блоков
info и note (Информация и Примечание соответственно)
*/
.md-typeset .admonition.note {
	border-color: #0077FF;
}

.md-typeset .admonition.info {
	border-color: #00D9ED;
}

.md-typeset .note>.admonition-title:before {
	background-color: #0077FF;
}

.md-typeset .info>.admonition-title:before {
	background-color: #00D9ED;
}

#teams-faq-accordeon:before {
  background-color: transparent !important;
  content: "";
  height: 1rem;
  -webkit-mask-image: var(--md-admonition-icon--note);
  mask-image: var(--md-admonition-icon--note);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  top: .625em;
  width: 1rem;
}


#author-div{
  width: 500px !important;
  max-width: 500px !important;
}

.md-icon svg {
  margin-right: 3px !important;
}

#teams-faq-accordeon {
  padding-left: 0.6rem !important;
}

/*толщина шрифта в заголовках горизонтального меню*/
.md-tabs__link {
    font-weight: 600;
}

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

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

/*Стиль, без рамки и с сайзингом, выравнивание по центру*/
.pictures-style-90-no-border-center {
  border: 0px !important;
  width: 90% !important;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.pictures-style-80-no-border-center {
  border: 0px !important;
  width: 80% !important;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.pictures-style-70-no-border-center {
  border: 0px !important;
  width: 70% !important;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.pictures-style-60-no-border-center {
  border: 0px !important;
  width: 60% !important;
  display: block;
  margin-left: auto;
  margin-right: auto
}



.pictures-style-30-no-border-center {
  border: 0px !important;
  width: 30% !important;
  display: block;
  margin-left: auto;
  margin-right: auto
}

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

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

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

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

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

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

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

/*Стиль для пиктограмм vk teams*/
.pictogram-125 {
  border: 0px !important;
  width: 3% !important;
}

/*Стиль для пиктограмм звонков vk teams*/
.pictogram-6 {
  border: 0px !important;
  width: 6% !important;
}

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

.pictogram-style-1-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-2-with-border {
  border: 1px solid #adadad !important;
  width: 3% !important;
}

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

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

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

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

/*Для значка шестеренки*/
.pictogram-style-3 {
  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;
}


/*Отключает выделение жирным заголовков таблиц*/
.md-typeset table:not([class]) th {
  font-weight: 400;
}

.pictures-style-70 {
  width: 70% !important;
}
.pictures-style-75 {
  width: 75% !important;
}
.pictures-style-80 {
  width: 80% !important;
}
.pictures-style-90 {
  width: 90% !important;
}
.pictures-style-95 {
  width: 95% !important;
}
.pictures-style-100 {
  width: 100% !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;
}

/*Для картинок по центру
.center-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%
}*/

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

  /*Стили для картинок в pdf*/

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

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

.block-scheme-60-for-pdf {
  border: 0px !important;
  width: 60% !important;
}

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

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

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

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

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

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

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

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

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

  /*Стили для всяких html-таблиц*/

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

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

.md-typeset table:not([class])[type = "da-table-2"] > tbody > tr > td:nth-child(3){
  padding-left: 0.4em !important;
  padding-right: 0.4em !important;
  max-width: 150px !important;
  word-wrap: break-word !important;
}


.md-typeset table:not([class])[type = "da-table-2"] > tbody > tr > td:nth-child(4) {
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
  max-width: 350px !important;
  word-wrap: break-word !important;
}
.md-typeset table:not([class])[type = "da-table-2"] > thead > tr > th:nth-child(4) {
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
  max-width: 350px !important;
  word-wrap: break-word !important;
}

.md-typeset table:not([class])[type = "da-table-2"] > thead > tr > th:nth-child(5) {
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
  max-width: 100px !important;
  word-wrap: break-word !important;
}

.md-typeset table:not([class])[type ~= "da-table-3"] th:nth-child(1),
.md-typeset table:not([class])[type ~= "da-table-3"] th:nth-child(2),
.md-typeset table:not([class])[type ~= "da-table-3"] th:nth-child(3),
.md-typeset table:not([class])[type ~= "da-table-3"] th:nth-child(4), 
.md-typeset table:not([class])[type ~= "da-table-3"] th:nth-child(5),
.md-typeset table:not([class])[type ~= "da-table-3"] th:nth-child(6){
  padding-left: 0.4em !important;
  padding-right: 0.4em !important;
}

.md-typeset table:not([class])[type = "da-table-4"] th{
  padding-left: 0.3em !important;
  padding-right: 0.3em !important;
  max-width: 63px !important;
  word-wrap: break-word !important;
  text-align: center !important;
}
.md-typeset table:not([class])[type = "da-table-4"] > tbody > tr > td:nth-child(1),
.md-typeset table:not([class])[type = "da-table-4"] > tbody > tr > td:nth-child(2){
  padding-left: 0.4em !important;
  padding-right: 0.4em !important;
  max-width: 90px !important;
  word-wrap: break-word !important;
  text-align: center !important;
}

.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.4em !important;
  padding-right: 0.4em !important;
  text-align: center !important;
}

.md-typeset table:not([class])[type = "fix-table-2"] > tbody > tr > td{
  padding-left: 0.4em !important;
  padding-right: 0.4em !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.4em !important;
  padding-right: 0.4em !important;
  max-width: 100px !important;
  word-wrap: break-word !important;
}


/*Этот стиль нужен, чтобы убрать какие-то остатки iframe блоков в pdf'ке*/
.pdf-iframe-delete {
  display: none !important;
}


  .pagebreak { 
     page-break-before: always; 
  }
  .md-tags {
    visibility: hidden !important;
    /*убираем проблему тегов, протекающих в пдф после содержания*/
  }

 /* в верхний правый угол экспортируемого в 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;
      font-family: "VK Sans Display" !important;
    }
    @bottom-center {
      content: "" !important;
        }
    @bottom-left {
      content: ""!important;
    }
  }
  @page :first {
    @bottom-left {
      content: "Портал с документацией: https://biz.mail.ru/docs/on-premises/"!important;
      font-family: "VK Sans Display" !important;
      margin-left: 40px !important;
    }
    @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 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;
}

/*Стили для всяких html-таблиц*/


.md-typeset table:not([class])[type = "da-table-2"] > tbody > tr > td:nth-child(4) {
  max-width: 350px;
  word-wrap: break-word;
}

.md-typeset table:not([class])[type = "da-table-4"] th{
  padding-left: 0.3em ;
  padding-right: 0.3em ;
  max-width: 85px ;
  word-wrap: break-word ;
  text-align: center ;
}
.md-typeset table:not([class])[type = "da-table-4"] > tbody > tr > td:nth-child(1),
.md-typeset table:not([class])[type = "da-table-4"] > tbody > tr > td:nth-child(2){
  padding-left: 0.4em ;
  padding-right: 0.4em ;
  max-width: 90px ;
  word-wrap: break-word ;
  text-align: center ;
}

.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;
  padding-right: 0.5em;
  max-width: 100px;
  word-wrap: break-word;
}

/*шрифты*/

@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
}

.info-width {
  /* стиль для блока с информацией на главной странице портала */
    max-width: 80%;
}

.details{
  display:block;
  background: #fff;
  width:400px;
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  overflow:hidden;
  margin-bottom: 1.5rem;
}
.summary::-webkit-details-marker{display:none;}
.summary::-moz-list-bullet{list-style-type:none;}
.summary::marker{display:none;} 
.summary {
   display:block;
   padding: .3em .3em .3em 1.4em;
   font-size:1.4em;
   cursor: pointer;
   position: relative;
   border-bottom: 1px solid #e2e8f0;
}
.summary:before {  
  top: .4em;
  left: .3em;
  color: transparent;
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;
  width: 1em;
  height: 1em;  
  content: "";
  position: absolute;
  transition: transform .5s;
}
.details[open] > summary:before {
  transform: rotateZ(90deg);
}
.summary ~ * {
   padding: 0 2em 10px 2em;
}
.details[open] summary ~ *{ 
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}
.summary:focus {
  outline:0;
  box-shadow: inset 0 0 1px rgba(0,0,0,0.3), inset 0 0 2px rgba(0,0,0,0.3);
}