/*
Theme Name: lab50
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Author: Lab 50
Author URI: http://neurollect.ru
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Full Site Editing features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwochild
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */
@import url("https://fonts.googleapis.com/css2?family=Commissioner:wght@100;200;300;400;500;600;700&display=swap");

/* Основное общее */

:root {
  --wrap_width: 1920px;
  --wrap_heigh: 1020px;
  --container_width: 1623px;
  --content_width: 1200px;
  --fontImage_height: 330px;
  --topTitle_height: 76px;
  --header_height: 36px;
  --footer_height: 30px;
  --input-radius: 4px;
  --block-radius: 8px;
  --border-radius: 10px;
  --basic-indent: 40px;
  --header-one-medium: 500 42px/120% Commissioner;/*50.4*/
  --header-two-regular: 400 22px/120% Commissioner;/*26.5*/
  --header-three-medium: 500 18px/140% Commissioner;/*25.2*/
  --header-three-regular: 400 18px/120% Commissioner;/*21.6*/
  --header-four-medium: 500 16px/120% Commissioner;/*19.2*/
  --header-four-regular: 400 16px/120% Commissioner;/*19.2*/
  --header-five-medium: 500 14px/120% Commissioner;/*16.8*/
  --body-L-regular: 400 22px/140% Commissioner;/*30.8*/
  --body-M-regular: 400 15px/140% Commissioner;/*21*/
  --body-S-regular: 400 14px/120% Commissioner;/*16.8*/
  --body-XS-regular: 400 13px/120% Commissioner;/*15.6*/
  --header-avatar: 400 32px/100% Commissioner;/*39.14*/
  --image-avatar-size: 80px;
  --static-light: #ffffff;
  --static-dark: #000000;
  --scrollbar-size: 10px;
  --scrollbar-radius: 8px;
}

@media (prefers-color-scheme: light) {
  :root {
    --primary-color: #565656;
    --page-color: #F2F2F2;
    --block-color: #FFFFFF;
    --border-color: #DBDBDB;
    --line-color: #DBDBDB;

    --theme-color: #F2F2F2;
    --footer-color: #9F9FA2;
    --menu-color: #FFFFFF;
    --menu-org-color: #565656;
    --title-color: #000000;
    --label-color: #9F9FA2;
    --text-color: #020202;
    --active-item-color: #4CD479;
    --active-text-color: #273D27;
    --alarm-item-color: #E99D9D;
    --alarm-text-color: #BF0000;
    --alarm-hover-color: #F2B8B8;
    --blue-item-color: #54BFFF;
    --blue-text-color: #0092EA;
    --yellow-item-color: #DCB96C;
    --yellow-text-color: #E59D00;
    
    --scrollbar-track: #f8f9fa;
    --scrollbar-thumb: #6c757d;
    --scrollbar-thumb-hover: #495057;
    
    --theme-icon: url('./static/moon.svg');
    --arrow-next-text-color: url('./assets/arrowNext_black.svg');
    --arrow-back-text-color: url('./assets/arrowBack.svg');
    --arrow-next-long: url('./assets/arrowNext_long.svg');
    --arrow-down: url('./assets/arrowDown_light.svg');
    --rating-up: url("./assets/question/upRating_light.svg");
    --rating-down: url("./assets/question/downRating_light.svg");
    --radio-button: url(./assets/question/radio_light.svg);
    --radio-active: url(./assets/question/radio_active_light.svg);
    --image-search: url(./assets/search_light.svg);
    --close-button: url(./assets/close_light.svg);
    background-color: var(--primary-color);
    color: var(--text-color);
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --primary-color: #060606;
    --page-color: #313239;
    --block-color: #43434A;
    --border-color: #47474F;
    --line-color: #646464;

    --theme-color: #060606;
    --footer-color: #555555;
    --menu-color: #A2A2A2;
    --menu-org-color: #A2A2A2;
    --title-color: #FFFFFF;
    --label-color: #9F9FA2;
    --text-color: #FDFDFD;
    --active-item-color: #A1FE9D;
    --active-text-color: #273D27;
    --alarm-item-color: #E99D9D;
    --alarm-text-color: #BF0000;
    --alarm-hover-color: #F2B8B8;
    --blue-item-color: #54BFFF;
    --blue-text-color:  #004E7C;
    --yellow-item-color: #DCB96C;
    --yellow-text-color: #E59D00;
    
    --scrollbar-track: #2d3748;
    --scrollbar-thumb: #4a5568;
    --scrollbar-thumb-hover: #718096;

    --theme-icon: url('./static/sun.svg');
    --arrow-next: url('./assets/arrowNext.svg');
    --arrow-next-long: url('./assets/arrowNext_long.svg');
    --arrow-next-active-color: url('./assets/arrowNext_green.svg');
    --arrow-next-text-color: url('./assets/arrowNext_black.svg');
    --arrow-back-text-color: url('./assets/arrowBack_black.svg');
    --arrow-down: url('./assets/arrowDown_dark.svg');
    --rating-up: url("./assets/question/upRating_dark.svg");
    --rating-down: url("./assets/question/downRating_dark.svg");
    --radio-button: url(./assets/question/radio_dark.svg);
    --radio-active: url(./assets/question/radio_active_dark.svg);
    --image-search: url(./assets/search_dark.svg);
    --close-button: url(./assets/close_dark.svg);
    background-color: var(--primary-color);
    color: var(--text-color);
  }
}
@media (min-width: 1920px) {
  :root {
  --wrap_width: 1920px;
  --container_width: 1623px;
  --content_width: 1200px;
  }
}
@media (max-width: 1910px) and (min-width: 1810px) {
  :root {
    --wrap_width: 100%;
    --container_width: calc(0.84 * var(--wrap_width));
    --content_width:  calc(0.62 * var(--wrap_width));
  }
}
@media (max-width: 1400px) {
  :root {
    --wrap_width: 1400px;
    --wrap_heigh: 1020px;
    --container_width: 1223px;
    --content_width: 1000px;
  }
}
html {
  scroll-behavior: smooth;
  overflow: hidden;
}

* {
  box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select, option {
  vertical-align: baseline;
  border: 0;
  margin: 0;
  padding: 0;
}

div {
  cursor: inherit;
}
/* Light mode */
/*@media (prefers-color-scheme: light) {
  body {
    background-color: white;
    color: black;
  }
}*/

/* Dark mode */
/*@media (prefers-color-scheme: dark) {
  body {
    background-color: black;
    color: white;
  }
}*/

.theme-light {
  --primary-color: #565656;
  --page-color: #F2F2F2;
  --block-color: #FFFFFF;
  --border-color: #DBDBDB;
  --line-color: #DBDBDB;

  --theme-color: #F2F2F2;
  --footer-color: #9F9FA2;
  --menu-color: #FFFFFF;
  --menu-org-color: #565656;
  --title-color: #000000;
  --label-color: #9F9FA2;
  --text-color: #020202;
  --active-item-color: #4CD479;
  --active-text-color: #273D27;
  --alarm-item-color: #E99D9D;
  --alarm-text-color: #BF0000;
  --alarm-hover-color: #F2B8B8;
  --blue-item-color: #54BFFF;
  --blue-text-color: #0092EA;
  --yellow-item-color: #DCB96C;
  --yellow-text-color: #E59D00;
  
  --scrollbar-track: #f8f9fa;
  --scrollbar-thumb: #6c757d;
  --scrollbar-thumb-hover: #495057;
  
  --theme-icon: url('./static/moon.svg');
  --arrow-next: url('./assets/arrowNext.svg');
  --arrow-next-long: url('./assets/arrowNext_long.svg');
  --arrow-next-text-color: url('./assets/arrowNext_black.svg');
  --arrow-back-text-color: url('./assets/arrowBack.svg');
  --arrow-down: url('./assets/arrowDown_light.svg');
  --rating-up: url("./assets/question/upRating_light.svg");
  --rating-down: url("./assets/question/downRating_light.svg");
  --radio-button: url(./assets/question/radio_light.svg);
  --radio-active: url(./assets/question/radio_active_light.svg);
  --image-search: url(./assets/search_light.svg);
  --close-button: url(./assets/close_light.svg);
  background-color: var(--primary-color);
  color: var(--text-color);
}

.theme-dark {
  --primary-color: #060606; /*основной фон*/
  --page-color: #313239; /*внутри border*/
  --block-color: #43434A; /*блоки*/
  --border-color: #47474F;
  --line-color: #646464;

  --theme-color: #060606;
  --footer-color: #555555;
  --menu-color: #A2A2A2;
  --menu-org-color: #A2A2A2;
  --title-color: #FFFFFF;
  --label-color: #9F9FA2;
  --text-color: #FDFDFD;
  --active-item-color: #A1FE9D;
  --active-text-color: #273D27;
  --alarm-item-color: #E99D9D;
  --alarm-text-color: #BF0000;
  --alarm-hover-color: #F2B8B8;
  --blue-item-color: #54BFFF;
  --blue-text-color:  #004E7C;
  --yellow-item-color: #DCB96C;
  --yellow-text-color: #E59D00;
  
  --scrollbar-track: #2d3748;
  --scrollbar-thumb: #4a5568;
  --scrollbar-thumb-hover: #718096;

  --theme-icon: url('./static/sun.svg');
  --arrow-next: url('./assets/arrowNext.svg');
  --arrow-next-long: url('./assets/arrowNext_long.svg');
  --arrow-next-text-color: url('./assets/arrowNext_black.svg');
  --arrow-back-text-color: url('./assets/arrowBack_black.svg');
  --arrow-down: url('./assets/arrowDown_dark.svg');
  --rating-up: url("./assets/question/upRating_dark.svg");
  --rating-down: url("./assets/question/downRating_dark.svg");
  --radio-button: url(./assets/question/radio_dark.svg);
  --radio-active: url(./assets/question/radio_active_dark.svg);
  --image-search: url(./assets/search_dark.svg);
  --close-button: url(./assets/close_dark.svg);
  background-color: var(--primary-color);
  color: var(--text-color);
}

body {
  font-family: 'Commissioner', sans-serif;
  color: var(--text-color);
  background-color: transparent;
  overflow-x: hidden;
  overflow-y: hidden;
  min-height: 100vh;
  min-width: 320px;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  transition: background-color 0.3s ease;
/*   scrollbar-width: thin; */
  scrollbar-color: var(--line-color) var(--input-radius);
}
body.mce-content-body {
  background-color: var(--page-color) !important;
  color: var(--text-color) !important;
  font: var(--body-S-regular) !important;
  padding: 15px;
  min-height: 280px;
}
#form_answer-post_content_ifr {
  height: 280px;
}

/* Стиль для полосы прокрутки */
.homepageContent ::-webkit-scrollbar {
  display: none;
}

.homepageContent {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
/* Webkit браузеры (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: var(--scrollbar-size); /* Ширина полосы прокрутки для вертикального скролла */
  height: var(--scrollbar-size); /* Высота полосы прокрутки для горизонтального скролла */
}

/* Цвет и оформление трека (фона) полосы прокрутки */
::-webkit-scrollbar-track {
  background: var(--border-color);
  border-radius: var(--input-radius);
}

/* Цвет и оформление самой полосы (thumb) */
::-webkit-scrollbar-thumb {
  background: var(--line-color);
  border-radius: var(--input-radius);
  border: 2px solid var(--scrollbar-track);
}

/* Стиль при наведении на полосу прокрутки */
::-webkit-scrollbar-thumb:hover {
  background: var(--line-color);
}

::-webkit-scrollbar-thumb:active {
  background: #343a40;
}

::-webkit-scrollbar-corner {
  background: var(--scrollbar-track);
}

/* Firefox */
html {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

/* Плавная прокрутка */
html {
  scroll-behavior: smooth;
}

/* Адаптивность */
@media (max-width: 768px) {
  :root {
    --scrollbar-size: 6px;
  }
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px; /* Можно подстроить размер */
  height: 34px; /* Подстраиваем и это */
}

.switch .slider:after {
  content: '\263E'; /* ТЕМНЫЕ СИЛЫ одобряют */
  /* Закончим стилизацию нашего ПОВЕЛИТЕЛЯ СВЕТА */
}

p {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: currentColor;
  cursor: pointer;
}

pre {
  padding: 10px;
  background-color: var(--block-color);
  border-radius: var(--block-radius);
}


select {
  all: unset;
  display: block;
  margin-right: 12px;
  font-family: inherit;
  /** for the dropdown indicator */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background-image: url('./assets/sort.svg');
  background-repeat: no-repeat;
  background-position: right 12px top 16px;
  background-size: 10px;
}
.site {
  height: 100%;
  max-width: var(--wrap_width);
  margin-left: auto;
  margin-right: auto;
}

/*.app {
  min-height: 100vh;
  overflow: hidden;
}

.wrap {
  max-width: var(--wrap_width);
  margin: 36px auto;
  margin-bottom: 0px;
  display: flex;
  overflow-y: auto;
}
.wrap.qasPage,
.wrap.SearchByPage,
.wrap.prodsPage {
  overflow-y: hidden;
}*/
.app {
  min-height: 100vh;
  margin: var(--header_height) auto;
  margin-bottom: 0px;
  display: flex;
  overflow-y: auto;
}
.wrap {
  position: fixed;
  width: var(--wrap_width);
}

.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
/* Footer */
.footerContent {
  background-color: var(--primary-color);
}
footer {
  margin-left: auto;
  margin-right: auto;
  height: var(--footer_height);
  display: flex;
  align-items: center;
  width: 100%;
}
footer .appd {
  display: flex;
}
footer .textFooter {
  font: var(--body-XS-regular);
  color: var(--footer-color);
  margin: 7px 6px;
}
footer .textFooter:first-child {
  margin-left: 20px;
}
footer .textFooter a {
  color: var(--footer-color);
}
footer img {
  margin-right: 25px;
}
footer span {
  font-weight: 300;
}

/* Меню */
.containerMenu {
  width: calc( var(--wrap_width) - var(--container_width) - var(--footer_height));
  position: fixed;
/*   min-height: 770px; */
  height: calc(100vH - var(--header_height) - var(--footer_height));
}
.containerMenu .title {
  font: var(--header-three-bold);
  font-size: 18px;
  font-weight: 600;
  padding: 25px 10px 35px 10px;
}
.containerMenu .title a {
  color: #000;
  text-decoration: none;
  margin: 40px;
}
.containerMenu .title a svg {
  fill: var(--menu-color);
}
.navMenu {
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
  width: 100%;
}
.navMenu.userMenu {
  position: absolute;
  bottom: 0px;
/*   margin-bottom: 30px; */
}
.navMenu div {
  margin: 20px;
  margin-bottom: 0px;
}
.navMenu.userMenu div {
/*   border-top: var(--border-color) 1px solid; */
}
.navMenu ul {
  list-style: none;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.navMenu li {
  padding: 10px;
  padding-right: 0px
}
.navMenu li.menuNotifications {
  display: none;
}
.navMenu li.menuOrganization {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: var(--border-color) 1px solid;
  border-radius: var(--border-radius);
  background: var(--page-color);
}
.navMenu li.menuEntry,
.navMenu li.menuExit {
  border-top: var(--border-color) 1px solid;
  padding-top: 25px;
  padding-bottom: 0px;
}
.navMenu li.current-menu-item a {
  border-right: var(--active-item-color) 2px solid;
  border-radius: 0px;
}
.navMenu li.menuOrganization.current-menu-item a {
  border-right: none;
}
.navMenu li.menuOrganization.current-menu-item {
  border: var(--active-item-color) 1px solid;
  color: var(--active-item-color);
}
.navMenu li a {
  font: var(--header-four-medium);
  display: flex;
  align-items: center;
  width: 100%;
  text-decoration: none;
  text-align: left;
  color: var(--menu-color);
  padding-bottom: 2px;
  padding-top: 2px;
}
.navMenu li a:hover {
  color: var(--active-item-color);
}
.navMenu li.menuOrganization a {
  color: var(--menu-org-color);
}
.navMenu li.menuOrganization a:hover {
  background: var(--page-color);
}
.navMenu a span {
  background: var(--active-item-color);
  margin-left: 10px;
  padding: 1px 5px 2px 5px;
  font-size: 12px;
  font-weight: 500;
  color: var(--menu-color);
  border-radius: 2px;
}
.navMenu a svg {
  stroke: var(--menu-color);
  margin-right: 14px;
}
.navMenu li.menuOrganization svg {
  stroke: var(--menu-org-color);
}
.navMenu a:hover {
  background-color: var(--primary-color);
  border-radius: var(--block-radius);
}
.navMenu .nuxt-link-active,
.navMenu .activeLeftMenu,
.navMenu li.current-menu-item > a,
.navMenu .sub-menu .current-menu-item a {
  color: var(--active-item-color);
}
.navMenu .nuxt-link-active svg,
.navMenu .current-menu-item svg {
  stroke: var(--active-item-color);
}
.textFavorites {
  font-size: 12px;
  padding: 0 10px;
}
.navMenu .sub-menu {
  padding-left: 28px;
  list-style: disc;
}
.navMenu .sub-menu li {
  padding-top: 7px;
  padding-bottom: 7px;
}
.navMenu .sub-menu li a {
  font: var(--header-four-regular);
  border-right: none;
}
.navMenu .sub-menu li:first-child {
  padding-top: 20px;
}
.navMenu .sub-menu li::marker {
  color: var(--menu-color);
  font-size: 14px;
}
.navMenu .menuImages .sub-menu li::marker {
  font-size: 18px;
}
.navMenu .sub-menu li.menuImagesOci::marker {
  color: var(--active-item-color);
}
.navMenu .sub-menu li.menuImagesVm::marker {
  color: var(--blue-item-color);
}
.navMenu .sub-menu li.current-menu-item {
  list-style: disc;
}
.navMenu .sub-menu li.current-menu-item a {
  border: none;
}
.navMenu .sub-menu li.current-menu-item::marker {
  color: var(--active-item-color);
  background-color: var(--active-item-color);
}
.navMenu .sub-menu li.menuImagesVm.current-menu-item a {
  color: var(--blue-item-color);
}
.navMenu .sub-menu li.menuImagesVm.current-menu-item::marker {
  color: var(--blue-item-color);
  background-color: var(--blue-item-color);
}
.mobileSearch,
.mobileMenu {
  display: none;
}

/* Общее для страниц */
.containerContent {
  position: relative;
  left: calc( var(--wrap_width) - var(--container_width) - var(--footer_height));
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  overflow-x: hidden;
  width: var(--container_width);
  height: calc(100vH - var(--header_height));
  min-height: 600px;
}
/*.containerContent::-webkit-scrollbar {
  width: 7px;
  background-color: red;
}
.containerContent::-webkit-scrollbar-thumb {
  border-radius: var(--input-radius);
  background: linear-gradient(180deg, #00c6fb, #005bea);
}*/
.containerContent.homepageContent {
  overflow-y: auto;
}
.fontImagePage .containerContent {
  position: relative;
}
.borderContent {
  background-color: var(--page-color);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
/*   height: 100%; */
  height: calc( 100% - var(--footer_height) );
}
.homePage .borderContent {
  height: auto;
}
.pageContent {
  width: 100%;
  height: calc( 100% - var(--topTitle_height));
  font: var(--body-S-regular);
  text-align: left;
  display: flex;
  flex-direction: row;
  position: unset;
}
.licenseSinglePage .pageContent {
  height: fit-content;
}
.fontImagePage .pageContent {
  height: auto;
/*   overflow-y: scroll; */
/*   position: relative; */
/*   top: -224px; /*--fontImage_height - --fontImage_height*/
/*   top: calc( var(--topTitle_height) - var(--fontImage_height)); */
}
.withoutcatPage .pageContent {
  padding: 20px var(--basic-indent);
  font: var(--body-M-regular);
  width: auto;
}
.withoutcatPage .pageContent strong,
.withoutcatPage .pageContent h4 {
  font-weight: 500;
}
.withoutcatPage .pageContent * {
  margin-bottom: 10px;
}
/*.pageContent.pageImages,
.pageContent.pageSearch,
.pageContent.pageContentImage,
#form_question {
  margin-top: 30px;
}  */
.pageContent.profileAnswerWrap {
  width: 800px;
}
.pageContentMain {
  width: var(--content_width);
  display: flex;
  flex-direction: column;
/*   height: fit-content; */
  height: 100%;
  /*  margin: 20px;  */
}
.pageContentScrol {
  margin: 30px 8px 30px var(--basic-indent);
  padding-right: 23px;
  height: 100%;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--line-color) var(--border-color);
}

/* кнопки */
.buttonSend {
  outline: none;
  cursor: pointer;
  display: block;
  text-align: center;
  border-radius: var(--input-radius);
}
.buttonClear {
  background-color: transparent;
  color: var(--title-color);
  border: none;
  cursor: pointer;
}
.buttonDelete {
  background-color: var(--alarm-item-color);
  border: var(--alarm-item-color) 1px solid;
  color: var(--alarm-text-color);
}
.button42 {
  padding: 9px 33px 10px 32px;
  font: var(--body-M-regular);
}
.button38 {
  padding: 9px 15px 10px 15px;
  font: var(--body-S-regular);
}
.button32 {
  padding: 7px 34px 8px 33px;
  font: var(--body-S-regular);
}
.buttonGreen {
  background-color: transparent;
  border: var(--active-item-color) 1px solid;
  color: var(--active-item-color);
}
.buttonBlue {
  background-color: transparent;
  border: var(--blue-item-color) 1px solid;
  color: var(--blue-item-color);
}
.buttonClear:hover {
  background-color: transparent;
  text-decoration: underline;
}
.buttonDelete:hover {
  background-color: var(--alarm-hover-color);
  border: var(--alarm-hover-color) 1px solid;
}
.buttonGreen:hover {
  background-color: var(--active-item-color);
  color: var(--active-text-color);
}
.buttonBlue:hover {
  background-color: var(--blue-item-color);
  color: var(--blue-text-color);
}

/* Заголовок страниц */
.topTitle,
.titlePagination {
  display: flex;
  justify-content: space-between;
  font: var(--header-two-regular);
  border-bottom: var(--border-color) 1px solid;
/*   position: unset; */
  width: 100%;
  height: var(--topTitle_height);
}
#ap-answers-c .topTitle {
margin-bottom: 35px;
}
.topTitle .spanSlesh,
.topTitle span.longName,
.topTitle span.shortName {
  color:  var(--title-color);
}
.fontImagePage .topTitle .spanSlesh {
  color:  var(--static-light);
}
.topTitle span {
  color:  var(--label-color);
}
.topTitle .filterSort,
.comment-inner .filterSort,
.answerContent .filterSort {
  display: flex;
}
.topTitle .filterSort select,
.btn-load-more {
  font-size: 14px;
  font-weight: 400;
  border: none;
  padding: 9px 14px;
  background-color: var(--block-color);
  border-radius: var(--input-radius);
  outline: none;
  /*appearance: none;
  *  -webkit-appearance: none;
  *  -moz-appearance: none;*/
}
.topTitle .filterSort .filterOpen {
  height: 35px;
  width: 35px;
  background-color: #F3F3F3;
  border-radius: var(--block-radius);
  cursor: pointer;
  margin-left: 10px;
  font-size: 14px;
  line-height: initial;
}
.topTitle .filterSort #tag_meta,
.topTitle .filterSort #provider_meta {
  margin-right: 10px;
}
.topTitle .filterSort #provider_meta {
  display: flex;
  margin-right: 0px;
}
.topTitle .filterSort #provider_meta select {
  width: auto;
  padding-right: 36px;
}
.titlePage {
  width: var(--content_width);
  display: flex;
  flex-wrap: wrap;
  margin: auto 0px;
  padding-left: 12px;
  text-align: center;
  height: inherit;
}

.titlePage div {
  margin: auto 0px;
  line-height: 42px;
/*   color: var(--label-color); */
}
.titlePage div.mobileHome,
.titlePage div.refButton {
  display: none
}
.titlePage .titlePageText a,
.titlePage .titlePageText a:first-child:last-child {
  color: var(--title-color);
}
.fontImagePage .titlePage .titlePageText a,
.fontImagePage .titlePage .titlePageText a:first-child:last-child {
  color: var(--static-light);
}
.titlePage .titlePageText a:last-child {
  color: var(--label-color);
  cursor: default;
}
.qasListPage .titlePage .titlePageText span,
.newsPage .titlePage .titlePageText span,
.artsPage .titlePage .titlePageText span {
/*   display: none; */
}
.titlePage .buttonAsk {
  margin: auto 20px auto auto;
  line-height: 42px;
}
.buttonBackEmpty,
.buttonBackEmpty .buttonBack {
  cursor: default;
}
.titlePageSearch {
  width: calc( 100% - var(--content_width));
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: auto;
  margin-top: 16px;
}
.titlePage.noReferer {
  margin-left: 40px;
}
.titlePage .buttonBack {
  display: flex;
  padding: 0px 5px 0px 0px;
  background-color: transparent;
}
.titlePage .buttonBack svg {
  fill: var(--title-color);
}
.fontImagePage .titlePage .buttonBack svg {
  fill:  var(--static-light);
}
/* Поиск */
.searchContainer {
  margin: 0px 20px 0px 20px;
  background-color: var(--block-color);
  border-radius: var(--input-radius);
  height: 42px;
}
.searchForm {
  display: flex;
  position: relative;
  background-color: var(--block-color);
  border-radius: var(--input-radius);
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  height: 100%;
  width: 100%;
}
.searchDropdownSelect {
  height: 100%;
}
.searchDropdownButton {
  background-color: var(--block-color);
  border-radius: var(--input-radius);
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border:none;
  border-right: var(--page-color) 1px solid;
  width: max-content;
  height: 100%;
  cursor: pointer;
}
.dropbtn {
  background-color: transparent;
  border-radius: var(--input-radius);
  border:none;
  padding: 9px 15px;
  padding-right: 9px;
  margin-right: 0px;
  font: var(--body-M-regular);
  color: var(--label-color);
  width: auto;
  cursor: pointer;
}
.searchDropdownButton img {
  margin-bottom: auto;
  margin-top: auto;
}
.dropdownContent {
  display: none;
  background-color: var(--block-color);
  border-radius: var(--input-radius);
  margin-top: 2px;
  width: 250px;
  padding: 14px 10px;
  position: relative;
  left: 20px;
  z-index: 99;
}
.dropdownContent.is-dropdown {
  display: flex;
}
.dropdownContent .itemDropdown {
  display: flex;
  width: 100%;
  padding: 6px 9px;
}
.dropdownContent div {
  display: block;
  margin-bottom: auto;
  margin-top: auto;
  padding-right: 0px;
  padding-left: 16px;
  font: var(--body-S-regular);
  color: var(--title-color);
  text-decoration: none;
  cursor: pointer;
}
.dropdownContent .itemDropdown:focus,
.dropdownContent .itemDropdown:hover {
  color: var(--title-color);
  background-color: var(--page-color);
  border-radius: var(--input-radius);
}
.dropdownContent div.searchName:focus,
.dropdown-content div.searchName:hover {
  text-decoration: none;
  color: var(--title-color);
}
.searchContainer input {
  width: 100%;
  padding: 10px 15px;
  background: var(--block-color) var(--image-search) no-repeat right 15px center;
  border-radius: var(--input-radius);
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border: none;
  font: var(--body-M-regular);
  color: var(--title-color);
  cursor: pointer;
}
.searchBlock:has(input.searchformInput:focus),
.searchBlock:has(.dropbtn:focus) {
  background-color: var(--block-color);
/*   margin-left: calc(-1 * var(--content_width) + 20px); */
  outline: none;
}

/*.searchContainer:has(input:focus) {
  width: var(--container_width);
}*/
.homePage .titlePageSearch {
  z-index: 99;
}
.homePage .searchContainer input:focus,
.fontImagePage .searchContainer input:focus {
  background-color: var(--theme-color);
}

/*#form_question .ap-btn-submit {
  background-color: transparent;
  border-radius: var(--input-radius);
  border: var(--active-item-color) 1px solid;
  color: var(--active-item-color);
  font: var(--body-M-regular);
  padding-top: 9px;
  padding-bottom: 10px;
  outline: none;
  padding-right: 34px;
  padding-left: 33px;
  display: block;
}*/
.imageDeleteOk a {
  padding-right: 16px;
  padding-left: 16px;
}

.imageDeleteOk a:hover {
  background-color: transparent;
  border-radius: var(--input-radius);
  color: var(--theme-color);
}
/*.buttonAsk .askButton,
#form_question .ap-btn-submit {
  background-color: var(--page-color);
  border: var(--blue-item-color) 1px solid;
  color: var(--blue-item-color);
}
.buttonAsk .askButton:hover,
#form_question .ap-btn-submit:hover {
  background-color: var(--blue-item-color);
  color: var(--border-color);
}
#form_question .ap-btn-submit {
font: var(--body-M-regular);
  outline: none;
  border-radius: var(--input-radius);
  cursor: pointer;
  margin-left: 20px;
}*/

/* Главная */
.homePage .topTitle {
  border-bottom: none;
}
.homePage .searchContainer {
  border-radius: var(--input-radius);
  position: relative;
}
.homePage .searchDropdownSelect,
.homePage .searchContainer input,
.homePage .searchDropdownButton,
.homePage .dropdownContent,
.fontImagePage .searchContainer input,
.fontImagePage .searchDropdownButton,
.fontImagePage .dropdownContent {
  background-color: var(--theme-color);
  position: relative;
}
.homePage .searchDropdownSelect {
  border-bottom-left-radius: var(--input-radius);
  border-top-left-radius: var(--input-radius);
}
.homepageHead {
  width: 100%;
  height: calc( 400px - var(--topTitle_height) );
  position: relative;
}
.homepageHeadImage {
  display: block;
  position: absolute;
  top: calc( -1 * var(--topTitle_height));
  text-align: right;
  min-height: 400px;
  width: 100%;
}
.homepageHeadLogo {
  position: absolute;
  left: 85px;
  top: 54px;
}
.homepageHeadLogo img {
  width: 303px;
}
.homepageHeadDesc {
  font: var(--header-two-regular);
  text-align: left;
  position: absolute;
  left: 157px;
  top: 164px;
  color: var(--static-light);
}
.homepageHeadDesc p {
  margin-bottom:10px;
}
.circleActive {
  width: 75px;
  margin-left: 9px;
  position: absolute;
  bottom: 27px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
}
.slideItem {
  width: 100%;
  height: 100%;
  position: relative;
}
.slideItem .slideItemImage {
  width: 100%;
  height: 100%;
}

  /* slider */
.arrowBlock {
  display: none;
}
.containerSlider2 .myItem {
  display: flex;
  align-items: center;
  position: relative;
}
.sliderTrack {
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  display: flex;
}
.containerSlider2 {
  display: flex;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: var(--block-radius);
}
.countTrack {
  width: 250px;
  height: 1px;
  background-color: #505050;
  position: relative;
  margin: 0 15px;
}
.activeCount {
  width: 6px;
  height: 6px;
  position: absolute;
  bottom: 0;
  background-color: #fff;
  border-radius: 50%;
  transition: left .3s linear;
}
.homePageBlock {
  border-top: 1px solid var(--border-color);
}
.homePageBlock.flex,
.itemsNewsflex,
.itemsPoMiniflex {
  display: flex;
}
.itemsPoMiniflex .imageError {
  padding: 0px 40px 15px 64px;
  font: var(--body-XS-regular);
  position: relative;
}
.searchResult .titleBlock,
.homePageBlock .titleBlock {
  padding: var(--basic-indent) var(--basic-indent) 15px 64px;
  font: var(--header-three-regular);
  position: relative;
}
.homePage .titleBlock p {
  font: var(--body-M-regular);
  text-align: left;
  color: var(--label-color);
  margin-top: 20px;
  margin-bottom: 15px;
}
.searchResult .titleBlock {
  padding-top: 10px;
  padding-bottom: 0px;
}
.openAllLink {
  font: var(--body-S-regular);
  color: var(--active-item-color);
  position: absolute;
  right: var(--basic-indent);
}
.openAllLink svg {
  display: none;
}
.openAllLink:hover svg {
  display: inline-block;
  margin-left: 10px;
  fill: var(--active-item-color);
}
.homePageBlock.flex .openAllLink {
  margin-left: 10px;
  position: initial;
}

.homePage .itemsPoMini,
.homePage .news,
.prods .itemsPoMini {
  margin-left: var(--basic-indent);
  margin-right: var(--basic-indent);
  margin-bottom: var(--basic-indent);
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
.homePage .itemPoMini:has(.imageError) {
  display: flex;
}
.prods .itemsPoMini {
  margin: 0px;
}
.homePage .news {
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 25px;
  height: 350px;
}
.homePage .itemPo .itemPoImg {
  height: auto;
}

.homePage .itemPo:last-child {
  margin: 0;
}
.homePage .itemPo {
  margin: 0 20px 0 0;
}
.homePage .itemsPo {
  margin-top: 65px;
  margin-right: 40px;
  margin-bottom: 50px;
  display: flex;
  flex-direction: row;
}

.homePage .itemNews {
  width: auto;
  height: 350px;
  margin: 0px;
  background-color: var(--block-color);
  border: none;
}
.homePage .community {
  height: 130px;
  background: url('./static/community_group.png') no-repeat center;
}
.homePage .community .communityDesc {
  margin: 33px auto 32px 200px;
  font: var(--header-two-regular);
  color: var(--static-light);
  text-align: left;
}

.homePage .community a {
  font: var(--header-three-medium);
  color: var(--active-item-color);
  padding: 10px 22px;
  border: 1px solid var(--active-item-color);
  border-radius: var(--input-radius);
  background-color: transparent;
  height: 48px;
  margin-bottom: auto;
  margin-top: auto;
  margin-right: var(--basic-indent);
  width: 318px;
}
.homePage .community a:hover {
  color: var(--static-dark);
  background-color: var(--active-item-color);

}
.homePage .community a svg {
  width: 15px;
  fill: var(--active-item-color);
  margin-left: 98px;
  vertical-align: middle;
}
.homePage .community a:hover svg {
  fill: var(--static-dark);
}
/* Сообщество */
/* Вопросы */
.qasListPage .borderContent {
  height: calc( 100% - var(--footer_height) );
}
.anspress {
  height: calc( 100% - var(--topTitle_height) );
}
.anspress .row,
.anspress .row .ap-col-12 {
  height: 100%;
}
.qasListPage .pageContent,
.singleQuestionPage .pageContent {
  height: 100%;
}
.containerAnspress,
.in-container {
  width: 100%;
  height: 100%;
}
.questionContainer {
  display: flex;
  flex-direction: column;
}
.searchQA.questionContainer {
  padding-left: 0px;
}
.questionContainer .itemQuestion {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.containerQuestion {
  width: 100%;
  justify-content: space-between;
}
/*.questionContainer .itemQuestion.featured-question {
  border: 1px solid  #fffae1;
  border-radius: var(--block-radius);
}*/
.singleAnswer .trash,
.questionContainer .itemQuestion.status-trash {
/*   border: 1px solid #8B8B8B; */
/*   border-radius: var(--block-radius); */
}
.singleAnswer .trash .ap-cell,
.questionContainer .itemQuestion.status-trash .containerQuestion,
.questionContainer .itemQuestion.status-trash .panelQuestion {
  padding: 5px;
}
.searchQA .contentQuestion,
.questionContainer .contentQuestion {
  width: 75%;
}
.questionContainer .infoQuestion {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.questionContainer .itemAnswer {
  flex-direction: row;
  justify-content: space-between;
}
.questionContainer .infoQuestion p,
.questionContainer .infoQuestion a {
  font: var(--body-XS-regular);
  color: var(--label-color);
  text-decoration: none;
  text-align: end;
}
.questionContainer .infoQuestion a {
  color: var(--blue-item-color);
  margin: 5px 0px;
  display: block;
}
.questionContainer .infoQuestion a#infoAnswer.neutral {
  color: var(--label-color);
  margin: 0px;
}
.notificationItem .profileInfo .ap-noti-inner,
.questionContainer .infoQuestion a#infoAnswer.positive {
  color: var(--active-item-color);
  margin: 0px;
}
.questionContainer .titleQuestion {
  font: var(--header-four-medium);
  margin-bottom: 4px;
}
.headImageTitleState.none {
  display: none;
}
.headImageTitleState.moderate,
.headImageTitleState.pending {
  border: 1px solid  #E59D00;
}
.headImageTitleState.trash {
  border: 1px solid  #8B8B8B;
}
.headImageTitleState.publish {
  border: 1px solid  var(--active-item-color);
}
.questionContainer .descQuestion {
  font: var(--body-S-regular);
  color: var(--label-color);
  margin-bottom: 15px;
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.questionContainer .panelQuestion {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.searchQA .contentQuestion {
  width: 100%;
}
.profileFavorites .favorites-list li {
  border-top: none;
}
.ap-similar-questions {
  display: flex;
  flex-direction: column;
}
.ap-similar-questions .acount {
  display: none;
}
apanswersw .filterSort select {
  margin-right: 0px;
}
apanswersw .topTitle .filterSort {
  width: 160px;
}
.ratingQuestion {
  display: flex;
}
.wrapRatingQuestion,
.favoritesQuestion,
.viewQuestion,
.favoritesImage,
.imageBlockFavorites .favoritesImage {
  display: flex;
  align-items: center;
  justify-content: center;
  font: var(--body-XS-regular);
  line-height: 100%;
  background-color: var(--block-color);
  border-radius: var(--input-radius);
  margin-right: 10px;
  height: 25px;
}
.wrapRatingQuestion {
  width: auto;
}
.wrapRatingQuestion,
.viewQuestion {
  padding: 4px 8px;
}
.viewQuestion {
  cursor: default;
}
.wrapRatingQuestion, .favoritesQuestion {
  /*font-size: 10px;
  height: 18px;
  padding: 4px;*/
}
.wrapRatingQuestion .apicon-thumb-up::before {
  content: var(--rating-up);
  font: var(--body-XS-regular);
  line-height: 100%;
}
.wrapRatingQuestion .apicon-thumb-down::before {
  content: var(--rating-down);
  font: var(--body-XS-regular);
  line-height: 100%;
  cursor: default;
}
.questionPanelId .wrapRatingQuestion .apicon-thumb-up:hover {
  content: url("./assets/question/upRating_hover.svg");
  font: var(--body-XS-regular);
  line-height: 100%;
}
.questionPanelId .wrapRatingQuestion .apicon-thumb-down:hover {
  content: url("./assets/question/downRating_hover.svg");
  font: var(--body-XS-regular);
  line-height: 100%;
}
.viewQuestion svg {
  margin-left: 0px;
  margin-right: 6px;
  max-width: 17px;
  fill: var(--text-color);
}

.favoritesQuestion {
  width: 25px;
}
.wrapRatingQuestion span {
  font: var(--body-XS-regular);
  line-height: 100%;
  text-align: left;
  padding-right: 8px;
  margin-right: 10px;
  margin-left: 5px;
  border-right: var(--label-color) 1px solid;
  cursor: default;
}
.wrapRatingQuestion a {
  vertical-align: middle;
}
.qasListPage .wrapRatingQuestion a {
  cursor: default;
}
.listTags {
  flex-grow: 2;
  display: flex;
  flex-wrap: wrap;
  cursor: default;
}
.listTags .itemTags {
  display: flex;
  flex-wrap: wrap;
  font: var(--body-XS-regular);
  background-color: transparent;
}
.listTags .itemImageProvider,
.listTags .itemTags a  {
  background: var(--block-color);
  border-radius: var(--input-radius);
  color: var(--text-color);
  font: var(--body-XS-regular);
  padding: 4px 8px 5px 8px;
  margin-right: 10px;
  margin-bottom: 0px;
}
.tagsItem .labelTag a {
  cursor: default;
}
.listTags .itemTags a::before,
.tagsItem .labelTag a::before,
.itemNews .tags p::before {
  content: '';
  margin-right: 7px;
  background: url('./assets/question/tag.svg') left no-repeat;
  background-size: 14px;
  padding: 0px 7px;
}
.panelQuestion .listTags .itemTags a {
  cursor: default;
}
.itemNews .tags p::before {
  background-size: 10px;
  padding: 0px 5px 3px 5px;
  margin-right: 5px;
}
.listTags .itemImageProvider {
  background: #EEE9FF;
}
.filter {
  margin: 20px;
}
.filter {
  background: var(--block-color);
  border-radius: 8px;
  padding: 20px;
}
.filterContent .filter {
  display: none;}
.filterContent .filter.filterActive {
  display: block;
}
.filter .nameBlock {
  font: var(--body-M-regular);
  font-size: 15px;
  margin-bottom: 10px;
}
.filter .marginBottom {
  margin-bottom: 10px;
  cursor: pointer;
}
.filter label {
  font: var(--body-S-regular);
  margin-left: 13px;
  cursor: inherit;
}
.filter input[type=checkbox] {
  border: var(--border-color) 1px solid;
  border-radius: var(--input-radius);
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.filter input[type=radio],
.login-remember input {
  margin: 0px;
  padding: 0px;
  width: 1em;
  height: 1em;
  cursor: inherit;
  appearance: none;
  display: inline-block;
  background: var(--radio-button) center no-repeat;
  vertical-align: middle;
}
.filter input[type=radio]:checked,
.login-remember input:checked {
  background-image: var(--radio-active);
}
.filter .tag-dropdown-menu {
  margin-top: 20px;
}
.filter .tag-dropdown-menu .nameBlock {
  margin-bottom: 0px;
}
.filter .desc {
  font: var(--body-XS-regular);
  color: var(--label-color);
  margin-bottom: 10px;
}
.filter input,
.filter-list {
  width: 100%;
  color: var(--label-color);
  background: var(--page-color);
  border-radius: var(--input-radius);
  font: var(--body-S-regular);
  border: none;
  outline: none;
  padding: 9px 17px;
}
.filter-list {
  border-top: 1px solid #D9D9D9;
  margin-top: 0px;
  padding: 9px 5px;
  margin-bottom: 15px;
}
.filter-list li {
  list-style-type: none;
  font-size: 13px;
  font-weight: 400;
  padding: 5px 12px;
  border-radius: var(--block-radius);
}
.filter-list li:hover {
  background: #EBEAEA;
}
.filter-list filter-items div {
  padding-bottom: 5px;
  padding-top: 5px;
}
.filter .selectTags {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.filter .selectTagsItem {
  padding: 4px 19px 5px 8px;
  font: var(--body-XS-regular);
  color: var(--title-color);
  background: var(--page-color);
  border-radius: var(--input-radius);
  display: flex;
  align-items: center;
  margin: 5px 0px 5px 5px;
  width: fit-content;
}
.filter .selectTagsItem:first-child {
  margin-left: auto;
}
.filter .selectTagsItem button {
  color: var(--title-color);
  border: none;
  background-color: transparent;
  font: var(--body-XS-regular);
  text-align: left;
  padding: 0px;
}
.filter .selectTagsItem .close_filter {
  width: 9px;
  height: 9px;}
.filter .selectTagsItem .close_filter::after {
  cursor: pointer;
  margin-left: 8px;
  position: absolute;
  width: 9px;
  height: 9px;
  content: "";
  border-radius: 0;
  background: var(--close-button) center no-repeat;
}
.filter .selectTagsItem img,
.filter .selectTagsItem svg {
  margin-left: 10px;
}
.filter .buttonGroup {
  margin-top: 20px;
  margin-left: auto;
  margin-right: 0;
  width: fit-content;
  display: flex;
}
.qasListPage .tagsItem,
.tagsFilter .question-tags li {
  cursor: pointer;  
}
.contentFormQuestion {
  margin: 0px 8px 30px 40px;
  padding-right: 23px;
}
.buttonGroup {
  margin-top: 30px;
}
#form_question .ap-field-type-checkbox .ap-form-label,
#form_question .ap-field-form_question-email .ap-field-desc {
  display: none;
}
.groupNameForm p,
.groupNameForm p.loginComment,
#form_question .ap-field-type-checkbox label {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: var(--title-color);
}
.groupNameForm p.loginComment {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  margin-top: 5px;
}
.filterContent {
  display: flex;
  flex-direction: column;
  width: calc( 100% - 800px);
}

/* Отдельный вопрос */
.singleQuestionPage .pageContentMain {
  padding: 0px 20px 20px  var(--basic-indent);
  overflow-y: auto;
}
#ap-ask-page.pageContent {
  height: 100%;
}
.questionTitle {
  margin-top: 20px;
  margin-bottom: 10px;
  display: flex;
  font: var(--header-two-regular);
}
.questionTitleText {
  width: 100%;
}
.questionTitle .filterSort,
.answerPanel .filterSort {
  display: flex;
  flex-direction: row;
  font: var(--body-S-regular);
  color: var(--label-color);
  align-items: center;
}
.filterSort .adminMenu {
  margin-right: 10px;
}
.filterSort .adminMenu.ap-post-footer {
  margin-right: 0px;
}
.questionContentId,
.ap-comment-content {
  font: var(--body-M-regular);
  color:  var(--title-color);
  margin-bottom: 20px;
}
.questionContentId ol,
.questionContentId l{
  margin-left: 15px;
}
.questionPanelId {
  display: flex;
  flex-direction: row;
}
.questionPanelStats {
  display: flex;
  flex-direction: column;
}
.questionListTags {
  margin-bottom: 10px;
}
.questionRaiting {
  display: flex;
  margin-bottom: 20px;
}
.questionProfileInfo {
  display: flex;
  flex-direction: column;
  text-align: end;
  font: var(--body-XS-regular);
  color: var(--label-color);
  margin-right: 0px;
  margin-left: auto;
}
.questionProfileInfo a {
  color: var(--blue-item-color);
}
/* Меню действий над вопросом */
.adminMenu button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  width: 24px;
  height: 24px;
}
.adminMenu button:before {
  content: '';
  background: url("./assets/question/admin_menu.svg") center no-repeat;
  background-size: 24px;;
  padding: 0px 7px;
}
.adminMenu button:hover {
  border: var(--border-color) 1px solid;
  border-radius: var(--input-radius);
}
/*.adminMenu .ap-dropdown.open button:before {
 s *troke: var(--active-item-color);
 color: var(--active-item-color);
 fill: var(--active-item-color);
 }*/
.adminMenu .ap-dropdown {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.adminMenu .ap-actions.ap-dropdown-menu {
  border: none;
  margin: 0px;
}
.adminMenu .ap-dropdown .ap-actions.ap-dropdown-menu ul {
  display: none;
  position: absolute;
  min-width: 190px;
  padding: 0px;
  z-index: 1;
  right: 14px;
  top: 14px;
  background: var(--page-color);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  border: var(--border-color) 1px solid;
  border-radius: var(--input-radius);
  border-top-right-radius: 0px;
}
.adminMenu .ap-dropdown.open .ap-actions.ap-dropdown-menu ul {
  display: block;
  padding: 6px;
}
.adminMenu .ap-dropdown.open .ap-actions.ap-dropdown-menu ul li {
  list-style-type: none;
  font: var(--body-S-regular);
  color: var(--title-color);
}
.adminMenu .ap-dropdown.open .ap-actions.ap-dropdown-menu ul li.ap-dropdown-header {
  margin: 11px 6px 3px 6px;
  color: var(--page-color);
  font-size: 1px;
  line-height: 1;
  border-bottom: var(--border-color) 1px solid;
}
.adminMenu .ap-dropdown.open .ap-actions.ap-dropdown-menu ul li a {
  font: var(--body-S-regular);
  color: var(--title-color);
  padding: 7px 9px;
  display: block;
}
.adminMenu .ap-dropdown.open .ap-actions.ap-dropdown-menu ul li a:hover {
  background: var(--line-color);
  border-radius: var(--input-radius);
}
.adminMenu .ap-dropdown.open .ap-actions.ap-dropdown-menu ul li.active a {
  color: var(--active-item-color);
}
.adminMenu .ap-dropdown.open .ap-actions.ap-dropdown-menu ul li a b {
  display: none;
}
/* Задать вопрос */
#form_question {
  padding: 0px 20px 20px 0px;
}
.ap-form-group {
  background: var(--block-color);
  border-radius: var(--block-radius);
  padding: 20px;
  margin-bottom: 20px;
}
#form_question .ap-form-group .ap-form-label,
#form_answer .ap-form-group .ap-form-label {
  font: var(--header-five-medium);
}
.ap-field-desc {
  margin-top: 6px;
  font: var(--body-XS-regular);
  color: var(--label-color);
}
#form_question .ap-form-group.ap-field-form_question-post_id.ap-field-type-input,
#form_answer .ap-form-group.ap-field-type-input {
  display: none;
}
.contentFormQuestion input,
.contentFormQuestion textarea,
#form_question input {
  background-color: var(--page-color);
  border: var(--page-color) 1px solid;
  border-radius: var(--input-radius);
  font: var(--body-S-regular);
  color: var(--text-color);
  padding: 10px;
  width: 100%;
  margin-top: 10px;
  min-width: 100%;
  max-width: 100%;
}
#form_question input#form_question-post_title:focus,
#form_question input#form_question-tags-selectized:focus {
  border: var(--page-color) 1px solid !important;
  border-radius: var(--input-radius);
  box-shadow: none;
  outline:none;
}
#form_question .ap-tags-input .selectize-input {
  /*display: flex;
  flex-direction: column-reverse;*/
}
#form_question .selectize-control .selectize-dropdown-content {
background-color: var(--block-color);
border-radius: var(--input-radius);
/*padding: 15px 20px;  */
}
#form_question .selectize-control .selectize-dropdown-content .create {
display: none;
}
#form_question .selectize-control .selectize-dropdown-content .option {
font-size: 13px;
font-weight: 400;
line-height: 130%;
padding: 6px 20px;
}
#form_question .selectize-control .selectize-dropdown-content .option.active {
background-color: var(--block-color);
cursor: pointer;
}
#form_question .selectize-control .selectize-dropdown-content .option:not(:last-child) {
margin-bottom: 9px;
}
#form_question #similar_s
.groupNameForm a {
  color: var(--active-item-color);
}
#form_question .ap-field-type-checkbox input {
background-color: var(--block-color);
border: var(--border-color) 1px solid;
border-radius: var(--input-radius);
padding: 10px;
width: 15px;
margin: 14px 10px 20px 0px;
min-width: unset;
max-width: unset;
}
#form_question .ap-field-type-tags .ap-tags-input .item {
  padding: 4px 8px 5px 8px;
  font: var(--body-XS-regular);
  color: var(--text-color);
  background: var(--page-color);
  border-radius: var(--input-radius);
  display: flex;
  align-items: center;
  margin: 10px auto 0px 0px;
  width: fit-content;
}
#form_question .ap-field-type-tags .ap-tags-input .item::after {
content: '';
margin-left: 7px;
background: var(--close-button) center no-repeat;
background-size: 10px;
margin-left: 8px;
margin-top: 2px;
width: 14px;
height: 14px;
}
.ap-btn-insertimage {
  margin: 0px;
  border: none;
  padding: 5px 7px;
  border-radius: 0px;
  border-top-left-radius: var(--input-radius);
  border-right: var(--border-color) 1px solid;
/*   border-bottom: var(--border-color) 1px solid; */
  background-color: var(--page-color);
  font-size: 12px;
  width: 105px;
  height: 37px;
  color: var(--text-color);
}
.wp-editor-wrap {
  border-top: var(--border-color) 1px solid;
  border-bottom-left-radius:  var(--input-radius);
  border-bottom-right-radius:  var(--input-radius);
  background-color: var(--page-color);
}
#form_answer {
width: var(--content_width);
display: flex;
flex-direction: column;
height: 100%;
border-right: var(--border-color) 1px solid;
padding: 30px var(--basic-indent);
}
.ap-editor {
  margin-top: 10px;
  background-color: var(--page-color);
  border-radius: var(--input-radius);
}
.comment-submit {
border: none;
padding: 10px 7px;
background: var(--active-item-color);
border-radius: var(--input-radius);
margin-top: 10px;
font: var(--body-M-regular);
color: var(--theme-color);
width: 100%;
cursor: pointer;
}
#form_answer .wp-editor-container,
#form_question .wp-editor-container {
  border: none;
}
#form_answer .quicktags-toolbar,
#form_answer div.mce-toolbar-grp.mce-panel,
#form_question div.mce-toolbar-grp.mce-panel {
padding: 0px;
position: relative;
border-bottom: none;
background: none;
min-height: auto;
}
#form_question div.mce-panel,
#form_answer div.mce-panel,
#form_question .mce-container-body.mce-stack-layout,
#form_answer .mce-container-body.mce-stack-layout,
#form_question .mce-statusbar .mce-container-body,
#form_answer .mce-statusbar .mce-container-body,
#form_question .mce-statusbar .mce-flow-layout-item,
#form_answer .mce-statusbar .mce-flow-layout-item {
/*   border-top: var(--border-color) 1px solid; */
  background-color: var(--page-color);
  border-radius:  var(--input-radius);
}
#form_question .mce-container-body.mce-stack-layout .mce-container-body.mce-stack-layout,
#form_answer .mce-container-body.mce-stack-layout .mce-container-body.mce-stack-layout{
  background-color: var(--page-color);
  border-bottom: none;
  border-radius: 0px;
  padding: 0px;
}
#form_question #tinymce {
background-color: var(--page-color) !important;
}
#form_question .mce-top-part::before,
#form_answer .mce-top-part::before {
box-shadow: none;
}
#form_question div.mce-edit-area {
  background-color: var(--page-color);
}
#form_question div.mce-edit-area body p {
  color: var(--text-color) !important;
}
#form_question div.mce-edit-area html {
  background-color: red;
}
#form_question div.mce-statusbar {
  border-top: none;
  background-color: var(--page-color);
/*   border: var(--border-color) 1px solid; */
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius:  var(--input-radius);
  border-bottom-right-radius:  var(--input-radius);
}
#form_answer .quicktags-toolbar input,
#form_question .mce-toolbar .mce-btn-group .mce-btn {
  margin: 0px 10px 10px 0px;
  min-width: 26px;
  border: none;
  background-color: var(--page-color);
  color: var(--title-color);
}
#form_question .mce-toolbar .mce-btn-group .mce-btn,
#form_answer .mce-toolbar .mce-btn-group .mce-btn {
  width: 37px;
  height: 37px;
  border-right: var(--border-color) 1px solid;
  border-bottom: var(--border-color) 1px solid;
  color:var(--title-color);
  margin: 0px;
  border-radius: 0px;
}
#form_question .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
  width: 104px;
}
#form_answer .wp-editor-container textarea {
background-color: var(--page-color);
border: var(--border-color) 1px solid;
border-radius: 6px;
}

#form_question div.mce-toolbar-grp > div {
padding: 0px;
}
#form_question .mce-toolbar .mce-btn-group,
#form_answer .mce-toolbar .mce-btn-group  {
margin: 0;
padding: 0px;
}
#form_question .mce-toolbar .mce-btn button,
#form_answer .mce-toolbar .mce-btn button {
  padding: 8px;
  color: var(--title-color);
  background-color: var(--page-color);
}
#form_question .mce-toolbar .mce-btn-group .mce-btn:hover,
#form_question .mce-toolbar .mce-btn button:hover,
#form_answer .mce-toolbar .mce-btn-group .mce-btn:hover,
#form_answer .mce-toolbar .mce-btn button:hover {
outline: none;
box-shadow: none;
}
#form_question .mce-toolbar .mce-btn-group .mce-btn i::before,
#form_answer .mce-toolbar .mce-btn-group .mce-btn i::before {
  color:var(--title-color);
}
#form_question html body {
  font: var(--body-S-regular) !important;
  color: var(--title-color);
  background-color: var(--page-color);
}
#form_answer button.ap-btn.ap-btn-submit {
  background-color: transparent;
  border: var(--blue-item-color) 1px solid;
  color: var(--blue-item-color);
  padding: 9px 33px 10px 32px;
  font: var(--body-M-regular);
  outline: none;
  cursor: pointer;
  display: block;
  text-align: center;
  border-radius: var(--input-radius);
  width: fit-content;
}
/* Ошибки в форме */
#form_question .ap-have-errors input,
#form_question .ap-have-errors .ap-editor {
border: var(--alarm-item-color) 1px solid;
}
.ap-form-errors {
  margin-bottom: 10px;
  color: var(--alarm-item-color);
}
.ap-field-errors {
  margin-top: 10px;
  color: var(--alarm-item-color);
}
/* Ответы */ /* и комментарии к новостям */
.singleAnswer,
.commentlist .comment {
  margin-top: 10px;
  margin-bottom: 20px;
/*   padding: 15px; */
}
.singleAnswer:last-child {
/*   padding-bottom: 0px; */
  border-bottom: none;
}
.singleAnswer.answersNew {
  background: var(--block-color);
  border-radius: var(--block-radius);
}
.answersTitle {
  margin-bottom: 20px;
}
.answersNew,
.comment-form-flex {
  padding: 20px;
  padding-bottom: 10px;
}
.ap-btn-newcomment.answersNewForm {
  background: var(--page-color);
  border-radius: var(--input-radius);
  font: var(--body-S-regular);
  padding: 10px 15px;
  margin: 0px;
}
.answersNewIcon {
  padding-top: 10px;
  display: flex;
}
.answersNewIcon img:first-child {
  display: flex;
  margin-left: 0px;
  margin-right: auto;
}
.answerPanel,
.commentlist .comment-author {
  display: flex;
  padding: 15px;
  padding-bottom: 20px;
  background: var(--block-color);
  border-top-left-radius: var(--block-radius);
  border-top-right-radius: var(--block-radius);
}
.answerProfile {
  display: flex;
  flex-direction: row;
}
.answerProfileImage,
.commentlist .comment-author img{
  margin-right: 15px;
}
.answerProfileImage a {
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.answerProfileImage a .headImageImg {
  background: var(--page-color);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font: var(--body-S-regular);
}
.answerProfileInfo {
  display: flex;
  flex-direction: column;
}
.answerProfileInfo a {
  font: var(--body-S-regular);
  color: var(--title-color);
}
.answerProfileInfo p {
  font: var(--body-XS-regular);
  color: var(--label-color);
  margin-top: 3px;
}
.answerProfileOption {
  display: flex;
  margin-right: 0px;
  margin-left: auto;
}
.answerContent {
  display: flex;
  justify-content: space-between;
  font: var(--header-two-regular);
  position: unset;
  width: 100%;
  padding: 15px;
  padding-top: 0px;
  background: var(--block-color);
  border-bottom-left-radius: var(--block-radius);
  border-bottom-right-radius: var(--block-radius);
}
.singleAnswer .ap-cell:has(.have-comments) .answerContent {
  border-bottom-right-radius: 0px;
}
.answerContentText {
  width: 90%;
  font: var(--body-S-regular);
  padding-left: 57px;
}
.answerContentText ul {
  margin: 0px;
  padding-left: 12px;
}
.answerContentText p:not(:first-child) {
  margin-top: 10px;
}

.ap-cell.ap-form-c {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 1px;
  position: relative;
}
.ap-cell-inner:has(#form_answer) .ap-minimal-placeholder {
  display: none;
}
#ap-form-main #form_answer,
#ap-form-main #form_answer .ap-form-group {
  padding: 0px;
}
#ap-form-main #form_answer {
  width: 100%;
}
.ap-minimal-placeholder {
  font: var(--body-S-regular);
  cursor: pointer;
  display: block;
  position: relative;
}
.ap-minimal-editor .ap-form-c .ap-minimal-placeholder {
  font: var(--body-S-regular);
  cursor: pointer;
}
.ap-editor-fade {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.ap-modal {
  bottom: 0;
  left: 0;
  overflow-x: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.ap-modal-body.ap-modal-medium {
  max-width: 600px;
  width: 100%;
}
.ap-modal-body {
/*   background: none repeat scroll 0 0 #fff; */
/*   border-radius: var(--block-radius); */
  background: var(--block-color);
  border-radius: var(--block-radius);
  box-shadow: 0 4px 35px rgba(0,0,0,0.3);
  padding: 20px;
  position: relative;
  margin: 50px auto 0 auto;
  z-index: 9999;
  width: 30%;
  top: 50%;
}
.ap-modal-header {
  font: var(--header-four-regular);
  background: var(--block-color);
  margin-bottom: 15px;
  border-radius: 5px 5px 0 0;
  border-bottom: solid 1px var(--border-color);
}
.ap-modal-header strong {
  font-weight: 400;
}
.ap-modal-content label {
  display: none;
}
.ap-modal-content textarea {
  width: 100%;
  margin: 0px;
  background-color: var(--page-color);
  border: var(--page-color) 1px solid;
  border-radius: var(--input-radius);
  font: var(--body-S-regular);
  color: var(--label-color);
  padding: 10px;
}
.ap-modal-content button {
  outline: none;
  cursor: pointer;
  display: block;
  text-align: center;
  border-radius: var(--input-radius);
  padding: 9px 33px 10px 32px;
  font: var(--body-M-regular);
  background-color: transparent;
  border: var(--blue-item-color) 1px solid;
  color: var(--blue-item-color);
  margin-top: 15px;
}
.panelCommentContent {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  font-size: 22px;
  line-height: 130%;
  margin-bottom: 20px;
}
.CommentContent {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #000000;
}
.comment_action {
  display: flex;
}
.comment_author a,
.comment_action a {
  display: inline-block;
  width: max-content;
}
.contentFormQuestion textarea {
  resize: none;
  height: 300px;
}
.linkLike {
  font: var(--body-S-regular);
  color: var(--blue-item-color);
  background-color: var(--border-color);
  border-radius: var(--block-radius);
  padding: 15px 20px;
  margin-bottom: 10px;
  text-decoration: none;
}
.pageImages .titlePage {
  line-height: 150%;
}
.notAlign {
  align-items: flex-start;
}
.notAlign img {
  margin-left: 10px;
}
.panelCommentView a img,
.answerContent .notAlign a img {
  width: 15px;
}
.ap-comment-content {
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: auto;
}
.notificationItem .profileInfo a,
.panelCommentView a {
  color: var(--active-item-color);
  font-size: 13px;
}
.ap-comments-footer,
.panelCommentView a,
.panelCommentView p,
.commentContent p {
  font: var(--body-XS-regular);
}
.panelCommentContent .notAlign img {
  height: 13px;
}
.panelCommentView .ap-comment-action {
  margin-left: 12px;
  height: 17px;
  width: 17px;
}
.panelCommentView {
  display: flex;
  justify-content: space-between;
}
/* Комментарии */
#answers .commentContent {
  width: inherit;
}
.have-comments {
  margin: 0px 0px 0px 30px;
  width: inherit;
  display: block;
  background: var(--block-color);
/*   border-bottom-left-radius: var(--block-radius); */
/*   border-bottom-right-radius: var(--block-radius); */
}
.singleAnswer .ap-cell:has(.ap-btn-newcomment) .have-comments {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.have-comments .q-comment-item {
  border-top: var(--page-color) 1px solid;
  background-color: transparent;
  padding: 15px 20px;
  display: block;
}
.ap-btn-newcomment {
  margin: 0px 0px 10px 30px;
  padding: 15px;
  width: inherit;
  display: block;
  background: var(--block-color);
  border-top: var(--page-color) 1px solid;
  border-bottom-left-radius: var(--block-radius);
  border-bottom-right-radius: var(--block-radius);
}
/* Форма Комментария */
#form_comment .ap-form-group {
  padding: 0px;
}

/* Новости и Статьи */
.pageContentSingle {
  overflow-y: auto;
  height: calc(100% - var(--fontImage_height));
}
.btn-load-more {
  width: fit-content;
  margin: 0px 40px 20px 0px;
}
.pageContentTags  {
  width: calc( 100% - var(--content_width));
  margin: 0px 0px;
  border-left: var(--border-color) 1px solid;
}
.pageContentSingle .pageContentTags  {
  top: calc( var(--fontImage_height) - var(--topTitle_height));
}
.contentNews {
  margin: 20px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.homePage .contentNews {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 24px;
  margin: 0px 40px 48px 40px;
}
.lastNews .contentNews {
  margin: 0px;
}
/* Новости */
/* Статьи */
/* Отдельная новость, статья */
.pageContentNews {
  width: 927px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}
.containerContent .fontImage {
  display: flex;
  flex-direction: column;
  width: 1621px;
  height: var(--fontImage_height);
  background: url('./assets/imagePo/product_font.svg') no-repeat;
  background-size: cover;
  text-align: right;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.openAllLinkNews {
  color: var(--active-item-color);
  margin-left: 5px;
}
.newsPageTitle {
  position: unset;
  height: 254px;
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  padding-left: var(--basic-indent);
  color: var(--static-light);
}
.newsPageTitle .date,
.newsPageTitle .view,
.newsPageTitle .tags,
.newsPageTitle .title {
  font: var(--body-XS-regular);
  padding: 10px 0px;
  text-align: left;
}
.newsPageTitle .title {
  width: 70%;
  font: var(--header-one-medium);
}
.newsPageTitle .infoNews {
  height: 100%;
}
.newsPageTitle .tags {
  padding-bottom: 23px;
  margin-top: auto;
}
.newsPageTitle .dateview {
  margin-right: 40px;
  margin-left: auto;
}
.newsPageTitle .tags a {
  margin-right: 5px;
  font: var(--body-XS-regular);
  cursor: default;
}
.newsPageTitle .tags a::before {
  content: '';
  background: url('./assets/tag_small.svg') left no-repeat;
  background-size: auto;
  background-position-x: center;
  background-position-y: 70%;
  padding: 0px 10px;
}
.newsPageTitle img {
  height: 100%;
  width: auto;
  margin-left: auto;
  margin-right: 0px;
  display: flex;
}
.titleNews {
  font-weight: 400;
  font-size: 22px;
  margin-bottom: 30px;
  color: var(--title-color);
}
.newsPageText,
.lastNews {
  padding: 30px 60px;
  margin: 0px;
  color: var(--label-color);
}
.newsPageText p,
.newsPageText li {
  font: var(--body-M-regular);
  color: var(--label-color);
  margin-bottom: 15px;
}
.newsPageText li {
  margin-bottom: 5px;
}
.newsPageText p:last-child {
  margin-bottom: 0px;
}
.newsPageText h3 {
  font: var(--header-three-regular);
  color: var(--title-color);
  margin-top: 30px;
  margin-bottom: 15px;
}
.newsPageText ul {
  padding-left: 15px;
}
.lastNews {
  border-top: var(--border-color) 1px solid;
}
.lastNews .itemNews {
  margin-bottom: 0px;
  width: 290px; /*calc( 100% / 5 - 20px);*/
  height: 350px;
}
/* Новость в блочном виде */
.category-news {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
}
.archive .category-news .contentNews {
  margin: 0px;
}
.itemNews {
  background: var(--block-color);
  border: var(--border-color) solid 1px;
  border-radius: var(--block-radius);
  width: calc( 100% / 3 - 70px);
  height: 380px;
  margin: 0 30px 30px 0;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  position: relative;
}
.itemNewsText {
  padding: 25px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  box-sizing: border-box;
  height: 150px;
  overflow: hidden;
}
.itemNewsText a {
  position: relative;
  text-decoration: none;
  font: var(--header-four-medium);
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 120%;
  max-height: calc(120% * 2);
  color: var(--title-color);
}
.itemNewsText a:hover {
  color: var(--active-item-color);
  background-color: transparent;
}
.itemNewsText a:hover::after {
  content: var(--arrow-next-active-color);
  position: absolute;
  right: 0;
  bottom: 0;
  background: white;
  padding-left: 4px;
  color: inherit;
  background-color: transparent;
}
.itemNewsText a svg {
  margin-left: 10px;
}
.itemNewsText a:hover svg {
  fill: var(--active-item-color);
}
.itemNewsTextContent {
  line-height: 120%;
  max-height: calc(120% * 3);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.itemNewsText p {
  font: var(--body-M-regular);
  color: var(--label-color);
  word-wrap: break-word;
}

.itemNews .itemNewsImage {
  height: 200px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  display: flex;
  background-size: cover;            /* растягивает фон на весь блок */
  background-position: center;       /* центрирует изображение */
  background-repeat: no-repeat;      /* отключает повторение */
}
.itemNewsImage img {
  width: inherit;
  height: auto;
  /*position: absolute;
  *  bottom: 0px;*/
  max-width: 75%;
  margin: auto;
}
.itemNews a:hover {
  color: var(--active-item-color);
}

.itemNews p a {
  color: #9F9FA2;
  font-weight: 300;
  font-size: 13px;
}
.itemNews p a {
  display: contents;
}
.itemNews .tags {
  position: absolute;
  bottom: 25px;
  left: 25px;
  display: flex;
  flex-direction: column;
}
.itemNews .tags p {
  font: var(--body-XS-regular);
  margin-top: 5px;
  color: var(--static-light);
  cursor: default;
}
/* Комментарии к новостям, статьям, продуктам */
/* Комментарии к постам */
.comments-area {
  border-top: var(--border-color) 1px solid;
  padding: 30px 60px;
  margin: 0px;
  color: var(--label-color);
}
.commentTitle {
  font-weight: 400;
  font-size: 22px;
  margin-bottom: 20px;
  color: var(--title-color);
}
.comment-meta-info.answerProfile {
  margin-bottom: 20px;
}
.comment-text.answerContentText {
  margin-bottom: 10px;
}
.comment-list {
  padding: 0px;
}
.comment-list li {
  list-style-type: none;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 15px;
  background: var(--block-color);
  border-radius: var(--block-radius);
}
.comment-form-flex {
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 20px;
  background: var(--block-color);
  border-radius: var(--block-radius);
}
.comment-form textarea {
  background: var(--page-color);
  border-radius: var(--input-radius);
  font: var(--body-S-regular);
  padding: 10px 15px;
  width: 100%;
  border: var(--page-color) 1px solid;
  color: var(--title-color);
  margin: 0px;
  height: 40px;
}
.comment-form .form-submit {
  width: 100%;
}
.comment-form .comment-submit {
  margin-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  width: auto;
}
.no-comments {
  padding: 10px 0px 10px 0px;
  color: #8D8D8D;
}



/*  Популярные теги */
.filterTags {
  margin: 20px;
  margin-bottom: 30px;
}
.titleFilter {
  font: var(--header-four-regular);
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.filterTitle {
  margin: 30px 0px 15px 0px;
}
.tagsFilter .question-tags {
  margin: 0px;
  padding-left: 0px;
}
.tagsFilter .question-tags li,
.tagsItem {
  padding: 9px 12px;
  width: 100%;
  font: var(--body-S-regular);
  cursor: default;
  background: var(--block-color);
  border-radius: 8px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.tagsItem .labelTag {
  flex-grow: 2;
  font: var(--body-S-regular);
  cursor: inherit;
}
.tagsItem .count {
  font: var(--body-S-regular);
  cursor: inherit;
}
.tagsItem .labelTag a {
  cursor: inherit;
}
.itemsTags {
  margin-top: 30px;
}
.itemTag {
  width: calc( 100% / 3 - 20px);
  margin: 0 30px 30px 0;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;}
.itemTag a {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  height: auto;
}
.itemTag a:hover {
  color: var(--active-item-color);
}
.itemTag p {
  font-weight: 300;
  font-size: 12px;
  line-height: 130%;
  color: #525252;
  margin-top: 2px;
  margin-left: 12px;}
.itemTagNo {
  width: 80px;
  height: 38px;
  background: #F6F6F6;
  border-radius: var(--block-radius);
  display: flex;
  justify-content: center;
  align-items: center;}
.itemTagNo p {
  font-weight: 300;
  font-size: 13px;
  line-height: 100%;
  color: #525252;
  margin: 0 10px;
}

/* Продукты */
.prodsPage .pageContentMain {
  width: 100%;
  overflow-y: auto;
}
.fontImagePage .pageContent.pageContentPo {
  height: calc(100% - var(--fontImage_height));
  overflow-y: auto;
}
.prodsLab50, .prodsOther {
  padding: 30px 0px;
  margin: 0px var(--basic-indent);
}
.prodsLab50 {
  border-bottom: var(--border-color) 1px solid;
}
.prodsTitle {
  font: var(--header-three-regular);
}
.prodsDesc {
  margin-top: 20px;
  font: var(--body-M-regular);
  color: var(--label-color);
}
.itemsPo {
  display: flex;
  grid-gap: 20px;
  padding: 0px;
  margin-top: 30px;
}
.itemPo {
  height: 154px;
  width: 215px;
  background: var(--block-color);
  border-radius: var(--block-radius);
  margin: 0;
  cursor: pointer;
  text-decoration: none;
}
.itemsPo .itemPo .itemPoImage {
  height: 96px;
  border-top-left-radius: var(--block-radius);
  border-top-right-radius: var(--block-radius);
  display: flex;
}
.itemsPo .itemPo .itemPoImage img {
  width: auto;
  height: auto;
  max-height: 80%;
  max-width: 60%;
  margin: auto;
}
/*.itemsPo .itemPo .itemPoImage .itemPoText {
  color: #fff;
  font-size: 26px;
}*/
.itemPoText {
  flex-grow: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px !important;
  font: var(--body-M-regular);
}
.itemPo a {
  display: flex;
  flex-direction: column;
  color:var(--text-color);
  text-decoration: none;
  height: 100%;
}
.itemPo a .itemPoText div {
  padding-right: 0px;
}
.itemPo a:hover .itemPoText div {
  background: transparent var(--arrow-next) right center no-repeat;
  padding-right: 20px;
}
.itemPo:nth-child(3n) {
  /*  margin: 0 0 30px 0;  */
}
/* Отдельный продукт */
.headPo {
  width: 100%;
  height: 243px;
  position: relative;
  overflow: hidden;
}
.headPoImage {
  display: flex;
  flex-direction: row;
}
.headPoLogo {
  margin-left: auto;
  margin-right: 0px;
  margin-top: var(--basic-indent);
}
.headPoLogo img {
  height: auto;
  width: 120px;
  margin-left: auto;
  display: flex;
  margin-right: var(--basic-indent);
}

.headPoTitle {
  margin-top: 30px;
  margin-left: var(--basic-indent);
  color: var(--static-light);
  text-align: left;
}
.headPoTitle p {
  font: var(--header-one-medium);
}
.headPoTitle p:nth-child(2) {
  font: var(--body-S-regular);
  margin-top: 8px;
}
.headPoTitle p:nth-child(3) {
  font-size: 13px;
  font-weight: 300;
}

.headPoDownload {
  position: absolute;
  right: var(--basic-indent);
  bottom: 30px;
}
.headPoDownload .buttonSend {
  font-size: 14px;
  padding: 10px 45px;
}

.headPoInfo {
  flex-wrap: wrap;
  padding: 30px var(--basic-indent) 0px var(--basic-indent);
  position: absolute;
  bottom: 30px;
  color: var(--static-light);
}
.headPoInfoTitle {
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
}
.headPoInfoDesc {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  margin-bottom: 25px;
}
.headPoInfo.lab50Prod {
  display: flex;
}
.headPoInfoItems {
  display: flex;
  flex-wrap: wrap;
}
.lab50Prod .headPoInfoItems {
  width: 75%;
  display: flex;
  flex-wrap: wrap;
}
.headPoInfoItem {
  padding-right: 120px;
  text-align: left;
}
.lab50Prod .headPoInfoItem {
  width: calc( 100% / 3);
  padding-right: var(--basic-indent);
  margin-bottom: 20px;
  text-align: left;
}
.lab50Prod .headPoInfoItem.lastRow {
  margin-bottom: 0px;
}
.headPoInfoLinks {
  width: 25%;
  display: flex;
  flex-direction: column;
}
.headPoInfoLinks .headPoInfoItemTitle {
  margin-bottom: 10px;
}
.headPoInfoLinks a {
  color: var(--active-item-color);
  text-decoration: none;
  font-size: 13px;
  margin-bottom: 8px;
}

.headPoInfoItemTitle {
  font: var(--header-four-regular);
  color: var(--label-color);
  margin-bottom: 5px;
}
.headPoInfoItemValue {
  font: var(--body-M-regular);
  display: grid;
}

.descriptionPo {
  height: fit-content;
  width: 100%;
  padding: 30px var(--basic-indent);
}
.descriptionPoImages {
  display: flex;
}
.descriptionPoImage {
  width: 50%;
}
.descriptionPoImage:last-child {
  margin-left: 50px;
}
.descriptionPoItem {
  padding: 0px 0px 30px 0px;
  margin-bottom: 30px;
  color: var(--text-color);
  border-bottom: var(--border-color) 1px solid;
}
.descriptionPoItem h2,
.productVariation h2,
.productSupport h2,
.descriptionPoTitle {
  font:  var(--header-three-regular);
  text-align: left;
  margin-top: 0px;
  margin-bottom: 20px;
}
.descriptionPoTitle {
  display: flex;
}
.productDiscription {
  padding-top: 0px;
  padding-right: var(--basic-indent);
  padding-bottom: 30px;
  padding-left: 20px;
}
.productSupport {
  padding-top: 30px;
  padding-right: 0px;
  padding-bottom: 30px;
  padding-left: 0px;
}
.productVariation h2,
.productSupport h2,
.descriptionPoTitle,
.descriptionPoNews {
  padding-left: var(--basic-indent);
}
.descriptionCatTitle a {
  color: var(--active-item-color);
  text-decoration: none;
  width: 100%;
  font-size: 13px;
  display: block;
  margin-top: 20px;
}
.descriptionCatTitle a {
  color: var(--text-color);
}
.descriptionPoItem a.openAllLink {
  color: var(--active-item-color);
  font: var(--body-S-regular);
  text-decoration: none;
  width: auto;
  display: block;
  position: unset;
  margin-left: 15px;
  line-height: 21px;
}

.descriptionPoItem a.openAllLink:hover {
  text-decoration: underline;
}
.descriptionPoItem .descriptionPoNews a.openAllLink {
  margin-left: 0px;
}
.descriptionPoItem.PoItemDesc a,
.descriptionPoItem.PoItemLink {
  padding-left: var(--basic-indent);
}
.descriptionPoItem.PoItemNews {
  padding-left: 60px;
  padding-bottom: 0px;
}
.descriptionPoItem.PoItemNews .descriptionPoTitle,
.instructionsPo .descriptionPoTitle {
  padding-left: 0px;
}
.descriptionPoItem.PoItemDesc a {
  margin-top: 0px;
}
.productVariation {
}
.productVariationTable {
  background: var(--block-color);
  border: var(--border-color) 1px solid;
  border-radius: var(--block-radius);
  padding: 15px 40px;
}
.descriptionPoText h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 122%;
  text-align: left;
}
.descriptionPoText p,
.PoItemDesc p {
  margin-bottom: 15px;
  font: var(--body-M-regular);
  color: var(--label-color);
  width: 70%;
}
.descriptionPoItem p.listTitle {
  margin-bottom: 0px;
}
.descriptionPoItem p:last-child {
  margin-bottom: 0px;
}
.descriptionPoItem p:last-child a {
  font-size: 15px;
}
.descriptionPoItem ul {
  margin-top: 0px;
  padding-left: 20px;
}
.descriptionPoItem li {
  font: var(--body-M-regular);
  color: var(--label-color);
}
.descriptionPoItem .productVariation table {
  border-collapse: collapse;
}
.descriptionPoItem .productVariation table th {
  color: var(--label-color);
  border-bottom: var(--label-color) 1px solid;
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  line-height: 140%;
}
.descriptionPoItem .productVariation table td {
  font: var(--header-four-medium);
  text-align: left;
  padding-bottom: 10px;
  padding-top: 10px;
}

.descriptionPoItem .productVariation table td.platformMain {
  color: var(--blue-item-color);
}

.descriptionPoItemNotBorder {
  border: none;
}
.prodSupport {
  background: var(--block-color);
  border: var(--line-color) 1px solid;
  padding: 18px 20px 17px 38px;
  border-radius: var(--block-radius);
}
.prodRelease {
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
}
.prodRelease:first-child {
  margin-top: 0px;
}
.prodRelease:last-child {
  margin-bottom: 0px;
}
.prodReleaseName,
.prodReleaseDateName {
  font: var(--header-four-medium);
  letter-spacing: 0em;
  text-align: left;
  width: 20%;
}
.prodReleaseState,
.prodReleaseDate {
  width: 80%;
}
.prodReleaseDate {
  display: flex;
}
.prodRelease.dataScale,
.prodReleaseDate {
  background: none;
  border: none;
  margin-top: 0px;
}
.prodReleaseStateItem,
.prodReleaseDateItem {
  font: var(--body-XS-regular);
  letter-spacing: 0em;
  text-align: left;
  padding: 3px 10px 2px 7px;
  border-radius: 5px;
  color: var(--label-color);
  width: 100%
}
.prodReleaseStateItemDate.releaseDate {
  width: calc(100% / 7);
  background: var(--blue-item-color);;
  margin: 0px;
}
.prodReleaseState {
  display: flex;
}
.prodReleaseStateItem {
  padding: 0px;
  background: var(--blue-item-color);;
}
.prodReleaseDateItem {
  background: none;
  border: none;
  color: #8D8D8D;
  border-radius: 0px;
}
.prodReleaseDateScale {
  height: 8px;
  border-left: #8D8D8D 1px solid;
  bottom: 70%;
}
.prodReleaseStateItemDate {
  background: none;
  border: none;
  color: #8D8D8D;
  width: fit-content;
}
.instructionsPo {
  padding: 30px 40px;
  background-color: var(--block-color);
  border-radius: 5px;
}
.descriptionCatDesc,
.descriptionPoNewsItem {
  margin-bottom: 20px;
  font: var(--body-M-regular);
  color: var(--label-color);
}
.descriptionCatTitle,
.descriptionCatDesc {
  line-height: 150%;
}
.descriptionPoNewsDesc p strong,
.descriptionPoNewsDesc p b,
.itemNewsTextContent p strong,
.itemNewsTextContent p b
{
  font-weight: normal;
}
.descriptionCatTitle .search-excerpt,
.descriptionCatDesc .search-excerpt {
  background: var(--block-color);
  border-radius: var(--block-radius);
  padding: 3px 5px;
  display: inline;
  font-weight: inherit;
}
.descriptionCatTitle,
.descriptionPoNewsTitle {
  font: var(--header-four-medium);
  margin-bottom: 5px;
  color: var(--title-color);
}
.descriptionCatTitle span,
.descriptionPoNewsTitle span {
  padding-left: 10px;
  font: var(--body-M-regular);
}
.PoItemNews.descriptionPoItem a.openAllLink {
  margin-left: 0px;
}
.pageContentSearch .descriptionPoNewsTitle:hover {
  color: var(--active-item-color);
}
.instructionsPoDesc {
  margin-bottom: 20px;
}
.instructionsPoLinks {
  font: var(--body-M-regular);
  display: flex;
  flex-direction: column;
}
.instructionsPoLinks .instructionsPoTitle {
  margin-bottom: 10px;
}
.instructionsPoLinks a {
  color: var(--blue-item-color);
  text-decoration: none;
  margin-bottom: 7px;
}
.instructionsPoLinks a:last-child {
  margin-bottom: 0px;
}
.instructionsPoLinks a:hover {
  text-decoration: underline;
}
/* Образы *//* Контейнеры */
.ociPage .borderContent,
.vmsPage .borderContent,
.pageImages .borderContent {
  height: calc( 100% - var(--footer_height) );
}
.pageContentMenu {
  width: 100%;
  height: 50px;
  padding-left: var(--basic-indent);
  border-bottom: var(--border-color) 1px solid;
  display: block;
}
.pageContentMenu div {
  height: 50px;
  display: flex;
  margin: auto;
}
.pageContentMenu div.menuMobile {
  display: none;
}
.fontImagePage .topTitle {
  /*position: absolute;
   * top: 0px;*/
}
.pageContentMenu div .titleAsk,
.pageContentMenu div .menuBorder {
  font: var(--header-four-regular);
  margin-right: 50px;
  margin-left: 0px;
  height: auto;
  align-items: center;
}
.pageContentMenu div .menuBorder.current-menu-item {
  color: var(--active-item-color);
}
.pageContentMenu div .menuBorder.disabled {
  color: var(--label-color);
}
.pageContentMenu div .menuBorder.noMarginRight {
  margin-right: 0px;
}
.pageContentMenu div .menuBorder a {
  display: block;
  position: relative;
  text-decoration: none;
  font: var(--header-four-regular);
}
.pageContentMenu div .menuBorder a:hover {
  color: var(--active-item-color);
}
.pageContentMenu div .menuBorder a.activeItemMenu {
  color: var(--active-item-color);
}
.pageContentMenu div .menuBorder a span,
.pageContentMain .menuProfileItem span {
  color: var(--label-color);
  font: var(--body-S-regular);
  margin-left: 5px;
}
.pageSearch .pageContentMenu div .menuBorder a span {
  margin-right: 5px;
}
.pageContentMenu div .menuDisplay {
  margin: auto 22px auto auto;
  font: var(--body-S-regular);
  display: flex;
  color: var(--label-color);
}
.pageContentMenu div .menuDisplay div {
  margin: auto;
  padding-top: 15px;
}
.titlePageTag {
  background: var(--block-color);
  border-radius: var(--block-radius);
  padding: 3px 10px 5px 10px;
  margin: 0px 5px;
  height: fit-content;
}
.titlePageTag:last-child {
  margin-right: 0px;
}
.topTitle .titlePageTag {
  font: var(--body-S-regular);
}
.noofq {
  margin-left: 10px;
}
.menuDisplay form {
  border-radius: var(--block-radius);
  font-size: 14px;
  margin-left: 12px;
  margin-bottom: 0px;
  padding-top: 10px;
}
.menuDisplay form select {
  background: var(--block-color) url('./assets/arrowSearch.svg') no-repeat right 2px center;
  border-radius: var(--block-radius);
  border: none;
  font: var(--body-S-regular);
  text-align: left;
  color: var(--label-color);
  padding: 6px 21px 6px 9px;
  margin-right: 0px;
}
.imagesList .buttonAsk {
  margin: auto auto auto 0px;
  line-height: 42px;
  width: 185px;
}
.imagesList .profileImagesItem a {
  display: block;
  padding: 15px 0px;
}
.imagesList .profileImagesItem .profileImagesItem a:first-child {
  padding-top: 0px;
}
.imagesList .profileImagesItem a:last-child {
  padding-bottom: 0px;
}
.imagesList .itemImageList {
  cursor: pointer;
  text-decoration: none;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
  padding-bottom: 15px;
}
.itemImageListText {
  width: 100%;
}
.itemImageListMeta {
  display: flex;
  flex-direction: row;
}
.itemImageListTitle .slideItemImage {
  width: 22px;
  margin-right: 10px;
  margin-bottom: 6px;
}
.itemImageListName {
  font:  var(--header-four-medium);
}
.itemImageListName span,
.itemImageListDesc .itemImageListName {
  font:  var(--header-four-regular);
  color: var(--label-color);
}
.itemImageListShortDesc {
  font:  var(--body-S-regular);
  color: var(--label-color);
}
.itemImageListDate {
  font:  var(--body-XS-regular);
  margin-left: auto;
  margin-right: 0px;
  color: var(--label-color);
}
.itemImageListOwner {
  margin-top: 5px;
  color: var(--blue-item-color);
}
.itemImageListDesc {
  font:  var(--body-S-regular);
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: 0px;
  color: var(--label-color);
}
.itemImageListMetaDown,
.itemImageListMetaFav,
.itemProvider {
  background-color: var(--block-color);
  border-radius: var(--input-radius);
  padding: 4px 8px 5px 8px;
  display: flex;
  height: 25px;
  margin-left: 10px;
  font: var(--body-XS-regular);
}
.itemImageList .itemImageListMetaDown,
.itemImageList .itemImageListMetaFav,
.itemImageList .itemProvider {
  margin-right: 10px;
  margin-left: 0px;
}
.itemImageListMetaDown svg,
.itemImageListMetaFav svg,
.itemProvider svg {
  margin: 2px 7px 0px 0px;
  width: 14px;
  height: 14px;
  fill: var(--text-color);
}
.itemImageListMetaDown div {
  cursor: default;
}
.itemProvider svg {
  fill: var(--active-item-color);
}
.itemImageListMetaFav svg {
  margin: 0px;
}
.itemProvider span {
  color: var(--active-item-color);
}
.itemImageListMetaFav {
  padding: 5.5px;
  width: 25px;
  cursor: pointer;
}
.itemImageListMetaFav img {
  margin: 0px;
}
.itemImageListMetaFav #favorite_image {
  width: inherit;
  height: inherit;
  position: absolute;
}
.itemImageListMetaFav #favorite_image .favImageBtn {
  width: inherit;
  height: inherit;
}
.login-out {
  width: 590px;
}
.login-out .button  {
  width: fit-content;
  margin-top: 30px;
  padding-left: 47px;
  background: var(--active-item-color) var(--arrow-back-text-color) 16px center no-repeat;
  height: 37px;
}
.login-out .button a {
  color: #fff;
}
.registration .topTitleNotMargin {
  margin-bottom: 10px;
}
.registration .sendQuestion,
/*   max-width: var(--wrap_width); */
.registration #sendQuestion{
  width: 430px;
}
.registration .formLogin {
  border: none;
}
.politics {
  width: 500px;
  font: var(--body-S-regular);
  margin: 15px 0;
}
.politics a {
  color: var(--blue-item-color);
}
/* Сортировка */
.filterSort .images_orders {
  width: calc( 100% - 34px );
  color: var(--label-color);
  background: var(--page-color);
  border-radius: var(--input-radius);
  font: var(--body-S-regular);
  border: none;
  outline: none;
  padding: 9px 17px;
}
.filterSort .buttonGroup {
  margin-top: 20px;
}
/* Страница образа *//* Страница контейнера */
.pageContent .pageContentImage {
  height: 100%;
  width: 100%;
}
.pageContent .pageContentImage:has(.description) .pageContentTags {
  border-bottom: var(--border-color) 1px solid;
}
.itemImageContent {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: calc( 100% - 250px);
}
/* Шапка */
.itemImageHead {
  height: auto;
}
.itemImageHead .pageContentTags {
  border-left: none;
}
.itemImageInfo {
  width: var(--content_width);
  border-bottom: var(--border-color) 1px solid;
  border-right: var(--border-color) 1px solid;
}
.itemImageTitle {
  width: 100%;
  padding-left: var(--basic-indent);
  padding-right: 20px;
  border-bottom: var(--border-color) 1px solid;
}
.headImageTitle,
.itemImageListMeta .itemImageListMetaDown,
.itemImageListMeta .itemImageListMetaFav {
  margin-bottom: auto;
  margin-top: auto;
}
.itemImageListMetaDown,
.itemImageListMetaFav {
  margin-bottom: 17px;
  margin-top: 18px;
}
.itemImageListMetaDown {
  cursor: default;
}
.headImageTitleText {
  display: flex;
  font: var(--header-two-regular);
}
.headImageTitleText a {
  color: var(--blue-item-color);
}
.headImageTitleText span {
  cursor: default;
}
.headImageTitleState {
  font: var(--body-XS-regular);
  color: var(--label-color);
  padding: 3px 10px 5px 10px;
  margin-left: 15px;
  border: var(--border-color) 1px solid;
  border-radius: 41px;
  cursor: default;
}
.headImageState {
  margin: 0px;
  margin-left: auto;
}
.headImageState .downloadBotton {
  margin: 10px 0px 10px 20px;
}
.headImageState .downloadBotton:has(#no_current_version) {
  margin-left: 0px;
}
.headImageState .downloadBotton #no_current_version {
  display: none;
}
.itemImageState {
  width: 100%;
}
.headImageCommon {
  padding-left: var(--basic-indent);
  padding-right: 20px;
  margin-top: 20px;
}
.headImageInfo {
  width: var(--content_width);
  height: 100%;
}
.headImageInfo .pageContentMenu {
  border-bottom: none;
  margin-top: 20px;
}
.headImageAvatar {
  width: 100px;
  height: 80px;
  margin-right: 30px;
  margin-top: 17px;
}
.headImageAvatar .headImageImg {
/*   background-color: var(--border-color); */
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  font: var(--header-avatar);
  margin: auto;
}
.headImageText {
  width: 100%;
}
.headImageDate {
  font: var(--body-S-regular);
  color: var(--label-color);
  cursor: default;
}
.headImageDesc {
  font: var(--body-S-regular);
  margin-top: 15px;
  display: flex;
  cursor: pointer;
}
.headImageDesc .noDesc {
  color: var(--label-color);
}
.headImageDesc button {
  height: auto;
  padding: 0px;
  background-color: transparent;
  border: none;
  color: var(--title-color);
  cursor: pointer;
  width: 100%;
  display: flex;
  border: transparent 1px solid;
  padding: 5px 10px 7px 0px;
}
.headImageDesc button[disabled="disabled"],
.itemImageDesc button[disabled="disabled"] {
  cursor: default;
}
.headImageDesc button svg {
  margin-left: 10px;
}
.headImageDesc button[disabled="disabled"] svg,
.itemImageDesc button[disabled="disabled"] svg {
/*   display: none; */
}
.headImageDesc button p {
  text-align: left;
}
.headImageDesc .itemImageEditDesc {
  display: none;
  height: auto;
  padding: 0px;
  background-color: transparent;
  margin-left: 25px;
}
.headImageDesc:hover .itemImageEditDesc {
  display: block;
  height: auto;
}
.headImageDesc .itemImageEditDesc button {
  height: auto;
  background-color: transparent;
  font: var(--body-S-regular);
}
.headImageDesc .itemImageEditDesc button:hover {
  height: auto;
  border: none;
}
.itemImageDescForm {
  width: 100%;
}
.headImageDesc .itemImageDescForm .groupInput {
  margin: 0px;
  flex-direction: row;
}
.headImageDesc .itemImageDescForm .groupInput input {
  font: var(--body-S-regular);
}
.headImageDesc .itemImageDescForm .groupInput:has(input:valid) {
  border: var(--title-color) 1px solid;
  border-radius: var(--input-radius);
  padding: 0px;
}
.headImageDesc .itemImageDescForm .groupInput input:valid {
  padding: 5px 10px 7px 10px;
}
.headImageDesc .itemImageDescForm .groupInput svg {
  display: block;
  margin: auto;
  margin-right: 10px;
}
.headImageText .itemImageListMetaPrvdr {
  margin-top: 20px;
}
.headImageText .itemImageListMetaPrvdr .itemProvider {
  margin-right: 10px;
  margin-left: 0px;
}
.itemImageTitle .imageSingleMenu {
  margin-top: auto;
  margin-bottom: 0px;
  padding-left: 0px;
  border-bottom: none;
}
.itemImageTitle .imageSingleMenu div .menuBorder {
  margin-right: 30px;
}
.downloadShedule {
  margin-top: 20px;
  border: var(--alarm-item-color) 1px dashed;
  border-radius: var(--input-radius);
  background-color: var(--primary-color);
}
.imageButton,
.buttonDownload {
  font: var(--body-S-regular);
  border-radius: var(--input-radius);
  background: var(--border-color);
  border: var(--border-color) 1px solid;
  width: auto;
  height: 32px;
  padding: 7px 22px 8px 22px;
  cursor: pointer;
}
.buttonDownload {
  border: none;
}
.downloadBotton .buttonGreen,
.wrapImageContentPopup.license .buttonGroupPopup .buttonGreen {
  background: var(--active-item-color);
  color: var(--active-text-color);
}
.downloadShedule .buttonDownload {
  height: auto;
  padding: 20px;
  font: var(--body-M-regular);
  color: var(--alarm-item-color);
}
.buttonSendOpen {
  padding: 20px;
  border: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  width: 100%;
  text-align: right;
  display: flex;
  flex-direction: column;
}
.buttonSendOpen a,
.buttonDownload a {
  margin-top: 12px;
  margin-left: 12px;
  font: var(--header-four-regular);
  color: var(--blue-item-color);
}
.downloadShedule .buttonDownload a {
  margin: 0px;
  padding-top: 12px;
  display: block;
  text-align: right;
}
.buttonSendOpen a svg ,
.buttonDownload a svg {
  margin-left: 7px;
  stroke: var(--blue-item-color);
}
.stars span:nth-child(5) {
  margin-right: 0px;
}
.starsIcon {
  display: flex;
}
.star {
  background: transparent center no-repeat;
  margin: 0px 5px 0px 0px;
}
.theme-dark .star {
  content: url("./assets/star_empt_dark.svg");
}
.theme-light .star {
  content: url("./assets/star_empt_light.svg");
}
.star.filled {
  content: url("./assets/star_full.svg");
  background: transparent center no-repeat;
}
.star.semifilled {
  content: url("./assets/star_semi.svg");
  background: transparent center no-repeat;
}
.starsIcon svg {
  margin-right: 0px;
}
.starsText {
  margin-left: 7px;
}
/* Динамические окна */
.imageContainerPopup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
}
.gotoLogin.imageContainerPopup {
/*   display: flex; */
}
.wrapImageContentPopup {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 370px;
  height: 145px;
  background-color: var(--block-color);
  color: var(--title-color);
  font: var(--body-M-regular);
  display: flex;
  flex-direction: column;
  border-radius: var(--block-radius);
  z-index: 10;
}
.wrapImageContentPopup.license {
  width: 760px;
  height: 80vh;
}
.wrapImageContentPopup.deleteVersionWindow {
  width: 440px;
  height: 190px;
}
.wrapImageContentPopup.addVersionWindow {
  width: 580px;
  height: 340px;
}
.wrapImageContentPopup .titlePopup {
  padding: 30px 40px;
  position: relative;
  font: var(--header-four-regular);
  width: inherit;
}
.wrapImageContentPopup.license .titlePopup {
  padding: 30px 30px;;
  padding-bottom: 12px;
  position: relative;
  font: var(--header-four-regular);
  width: inherit;
}
#license-gotologin .wrapImageContentPopup .titlePopup {
  padding: 0px;
}
.wrapImageContentPopup.deleteVersionWindow .titlePopup {
  padding-bottom: 20px;
}
.titlePopup svg {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  fill: var(--label-color);
}
.wrapImageContentPopup .textPopup {
  flex-grow: 2;
  overflow-y: auto;
  padding: 30px 30px;
  background: transparent;
}
.wrapImageContentPopup.license .textPopup {
  font: var(--body-M-regular);
  color: var(--label-color);
  padding-top: 0px;
  padding-bottom: 0px;
}
.wrapImageContentPopup.deleteVersionWindow .textPopup {
  font: var(--body-M-regular);
  color: var(--label-color);
  padding: 0px 40px;
}
.wrapImageContentPopup.addVersionWindow form {
  padding: 0px 40px 0px 40px;
}
.wrapImageContentPopup.license .textPopup ol,
.wrapImageContentPopup.license .textPopup ul {
  padding-left: 15px;
  margin-bottom: 0px;
}
.wrapImageContentPopup.license .textPopup p,
.wrapImageContentPopup.license .textPopup li {
  margin-bottom: 10px;
}
.wrapImageContentPopup.license .textPopup li {
  padding-left: 10px;
}
.wrapImageContentPopup.license .textPopup li:last-child {
  margin-bottom: 0px;
}
.textPopup a {
  display: block;
  margin-top: 20px;
  font: var(--header-four-regular);
  color: var(--blue-item-color);
}
.textPopup a svg,
.itemImageLicenseAction .buttonSend svg{
  margin-left: 10px;
}
.buttonGroupPopup {
  padding: 30px 30px;
  border-radius: var(--block-radius);
  display: flex;
}
.wrapImageContentPopup.license .buttonGroupPopup {
  padding: 17px 30px;
  border-radius: var(--block-radius);
}
.wrapImageContentPopup.deleteVersionWindow .buttonGroupPopup {
  padding-left: var(--basic-indent);
  border-radius: var(--block-radius);
}
.buttonGroupPopup form {
  display: flex;
}
.wrapImageContentPopup.license .buttonGroupPopup .buttonGreen {
  width: 318px;
}
.versionDesc .buttonGroupPopup .buttonGreen {
  background-color: var(--active-item-color);
  color: var(--active-text-color);
}
.versionDesc .buttonGroupPopup .buttonClear,
.itemVersionAddForm .buttonClear {
  padding: 7px 10px;
}
.versionDesc .buttonGroupPopup .buttonClear {
  margin-left: 15px;
}
.downloadInstruct {
  display: none;
  position: static;
  transform: none;
  width: 100%;
  height: 100%;
  background-color: transparent;
  flex-direction: column;
  border: var(--border-color) 1px solid;
  border-radius: var(--block-radius);
}
.headPopup {
  padding: 20px;
  padding-bottom: 0px;
  font: var(--body-S-regular);
  color: var(--title-color);
}
.headPopup .headPopupVersionNo {
  padding: 10px 65px 11px 15px;
  border: var(--border-color) 1px solid;
  border-radius: var(--input-radius);
  cursor: default;
}
.headPopup .headPopupVersionDwl {
  font: var(--body-M-regular);
  color: var(--label-color);
  margin: auto 20px;
  display: block;
  cursor: default;
}
.headPopup .closePopup {
  position: static;
  margin-left: auto;
  margin-right: 0px;
  width: 20px;
  height: 20px;
  fill: var(--label-color);
  stroke: var(--label-color);
}
.headPopupVersion {
  margin-bottom: 20px;
}
.headPopupProviderNo {
  margin-right: 20px;
}
.providerList {
  margin-bottom: 0px;
}
.providerList select {
  padding: 10px 95px 11px 15px;
  border: var(--border-color) 1px solid;
  border-radius: var(--input-radius);
  background-color: transparent;
  background-image: var(--arrow-down);
  background-position: right 10px center;
  background-size: auto;
  color: var(--title-color);
  font: var(--body-S-regular);
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.providerList select.single-option {
  background-image: none;         /* убирает стрелку */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: default;                /* курсор как у текста */
  background-color: transparent;  /* сохранить фон, если нужно */
}

.providerList option[selected="selected"],
.providerList option:checked {
  background-color: var(--block-color);
}
.bodyPopup {
  border-radius: var(--block-radius);
  background-color: var(--block-color);
  margin: 15px 20px;
  padding: 20px 30px;
}
.bodyPopup:has(.itemImageLicenseAction) {
  background-color: transparent;
  padding: 0px;
}
.bodyPopup .itemImageLicenseAction .itemImageShedule {
  width: 100%;
  margin-left: 0px;
}
.bodyTitlePopup {
  font: var(--header-five-medium);
}
.bodyTextPopup {
  font: var(--body-S-regular);
}
.bodyTextPopup p {
  margin-top: 10px;
  color: var(--label-color);
}
.bodyTextPopup .pre {
  font: var(--body-S-regular);
  padding: 9px 9px 9px 15px;
  margin-top: 10px;
  background-color: var(--page-color);
  border-radius: var(--input-radius);
  display: flex;
  width: calc( auto + 30px);
}
.bodyTextPopup .pre .code {
  font: var(--body-S-regular);
  width: 100%;
}
.bodyTextPopup .pre .code p {
  color: var(--title-color);
  margin-top: 0px;
  word-break: break-all;
}
.bodyTextPopup .pre .code p .providerIndexMark {
  color: var(--yellow-text-color);
/*   display: inline; */
}
.bodyTextPopup .pre button {
  background-color: transparent;
  border: none;
  margin-left: auto;
  padding: 0px;
  width: 35px;
  height: 20px;
}
.bodyTextPopup .pre button svg {
  margin-left: auto;
  margin-right: 0px;
  display: flex;
}
.providerIndex.selected,
.providerIndexPr.selected {
  display: inline;
}
/* Описание */
.description .pageContentMain {
  width: 100%;
  flex-direction: row;
  overflow-y: auto;
}
.itemImageDesc {
  font: var(--body-M-regular);
  background: var(--border-color);
  border-radius: var(--block-radius);
  padding: 20px;
  margin: 30px var(--basic-indent);
  display: flex;
  width: 55%;
  height: fit-content;
}
.itemImageDesc .groupInputImage {
  margin-top: 0px;
  margin-bottom: 12px;
}
.buttonEditDesc,
.itemImageDesc .itemImageDescForm .groupInputImage input {
  border: 1px transparent solid;
  border-radius: var(--block-radius);
  background: none;
  padding: 0px;
/*   margin-right: 15px; */
  font: var(--body-M-regular);
  color: var(--label-color);
  cursor: pointer;
  width: 100%;
  text-align: left;
  display: flex;
}
.buttonEditDesc p,
.itemImageDesc .itemImageDescForm .groupInputImage input {
  display: block;
  width: 100%;
  padding: 10px 0px 10px 15px;
  margin-right: 15px;
  border-radius: var(--block-radius);
}
.itemImageDesc .itemImageDescForm .groupInputImage input {
  background: var(--page-color);
  border: none;
}
.itemImageDesc svg {
  display: none;
  margin: auto;
}
.itemImageDesc:has(.buttonEditDesc:hover) p {
  background: var(--page-color);
  margin-right: 15px;
}
.itemImageDesc:has(.buttonEditDesc:hover) svg.button,
.itemImageDesc .itemImageDescForm .groupInputImage svg.form {
  display: block;
}
.itemImageDesc:has(.buttonEditDesc[disabled = "disabled"]:hover) p {
  background: var(--border-color);
/*   margin-right: 15px; */
}
.itemImageDesc:has(.buttonEditDesc[disabled = "disabled"]:hover) svg.button {
  display: none;
}
.itemImageDesc .itemImageDescForm .groupInputImage svg.form {
  display: block;
}
.itemImageDesc .itemImageDescForm .groupInputImage svg.form {
  margin: auto;
}
.itemImageCurVersionInstructions {
  display: flex;
  width: 45%;
  height: 100%;
  overflow-y: auto;
  padding-bottom: 20px;
  border-left: var(--border-color) 1px solid;
}
.itemImageCurVersionInstructions .downloadInstruct {
  display: flex;
  border-radius: 0;
  border-bottom-right-radius: var(--block-radius);
  box-shadow: none;
  border: none;
  height: fit-content;
}
.downloadInstruct.downloadInstructAll {
  display: flex;
}
.itemImageCurVersionInstructions .headPopup .closePopup {
  display: none;
}
/* Лицензия */
.itemImageLicenseContent {
  height: 100%;
  padding: 20px 26px 20px var(--basic-indent);
  justify-content: space-between;
}
.itemImageLicense {
  height: 100%;
  padding: 20px 20px 20px var(--basic-indent);
  background: var(--block-color);
  border-radius: var(--block-radius);
}
.itemImageLicenseScroll {
  height: 100%;
  padding-right: 20px;
  overflow-y: auto;
}
.textEditor {
  margin: 30px 40px;
  height: fit-content;
}
.textEditor ol,
.textEditor ul {
  padding-left: 20px;
}
.textEditor p,
.textEditor li {
  margin-bottom: 10px;
}
.textEditor li {
  padding-left: 10px;
}
.itemImageShedule {
  margin-left: 20px;
  padding: 20px 30px;
  border: var(--alarm-item-color) 1px dashed;
  border-radius: var(--input-radius);
  height: fit-content;
  width: 305px;
}
.itemImageShedule.acsept {
  border: var(--active-item-color) 1px dashed;
}
.itemImageShedule p {
  font: var(--body-S-regular);
  cursor: default;
}
.itemImageShedule p.sheduleTitle {
  font: var(--body-M-regular);
  color: var(--alarm-item-color);
  margin-bottom: 10px;
}
.itemImageShedule.acsept p {
  display: block;
  width: fit-content;
  margin: auto;
}
.itemImageLicenseAction .itemImageShedule .buttonSend {
  margin-top: 20px;
  /*margin-left: 20px;*/
  padding: 0px;
/*   width: 305px; */
  background: transparent;
  border: none;
  color: var(--blue-item-color);
  font: var(--header-four-regular);
}
.itemImageLicenseAction .buttonSend a {
  display: block;
  width: auto;
  padding: 9px 15px 10px 15px;
}
/* Версии */
.itemImageContent.versions {
  height: calc( 100% - 250px );
}
.itemImageContent.versions .pageContentMain {
  border-right: var(--border-color) 1px solid;
}
.itemImageVersions {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  margin-top: 20px;
  margin-bottom: 40px;
}
.itemImageSingleVersion {
  margin: 20px 20px 0px var(--basic-indent);
}
.itemImageSingleVersion:first-child {
  margin-top: 0px;
}
.itemImageSingleVersion:hover {
  background: var(--block-color);
  border-radius: var(--input-radius);
}
.itemImageSingleVersion:hover .itemActionButtonPublic .buttonDownload {
  background: var(--page-color);
  color: var(--text-color);
}
.itemImageSingleVersion.activeVersion {
  background: var(--block-color);
}
.itemImageVersion {
  margin-right: 0px;
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  border: var(--border-color) 1px solid;
  border-radius: var(--input-radius);
}
.itemImageVersion 
.itemImageVersionText {
  font: var(--header-four-regular);
}
.itemImageVersion span {
  margin-left: 20px;
  padding-left: 17px;
  font: var(--body-S-regular);
}
.itemImageVersion span.red {
  background: url('./assets/imagePo/state_red.svg') left no-repeat;
}
.itemImageVersion span.green {
  background: url('./assets/imagePo/state_green.svg') left no-repeat;
}
.itemImageVersionButton .buttonDownload.revoked,
.itemImageVersionButton .buttonDownload.unreleased,
.itemImageSingleVersion:hover .itemActionButtonPublic .buttonDownload:disabled {
  background: var(--active-item-color);
  border: var(--active-item-color) 1px solid;
  width: auto;
}
.itemImageVersionButton .buttonDownload:disabled {
  cursor: default;
}/*
.itemImageSingleVersion:hover .itemActionButtonPublic .buttonDownload:disabled {
  background: var(--page-color);
  color: var(--text-color);
}*/
input[type="submit"][title]:hover:after {
  font-style: italic;
}
.itemImageVersion button.revoke,
.itemImageVersionButton .buttonDownload.active {
  border: var(--border-color) 1px solid;
  background: var(--block-color);
  color: var(--title-color);
}
.itemImageVersion .buttonDownload a {
  text-decoration: none;
  margin: 0px;
  color: #fff;
}
.itemImageVersion .active a {
  color: #696969;
}
.itemImageVersionInfo p {
  font: var(--body-S-regular);
  color: var(--label-color);
  margin-top: 5px;
}
.itemImageVersion p span {
  font: var(--body-S-regular);
  color: var(--label-color);
  margin-left: 0px;
  padding-left: 0px;
}
.itemImageVersionInfo {
  display: flex;
  justify-content: space-between;
}
.itemActionButton button.buttonOpenVersionAction {
  width: 32px;
  background: transparent;
  color: var(--title-color);
  cursor: pointer;
}
.itemImageVersionButton {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  margin-top: auto;
  margin-bottom: auto;
}
.itemImageVersionAction.itemActionButton {
  position: relative;
  margin-left: 10px;
  width: 32px;
}
.itemImageVersionAction.itemActionButtonMargin {
  margin-left: 10px;
}
.itemImageVersionAction form {
  margin: 0;
}
.itemImageVersionAction .menuVersion {
  display: none;
  background: var(--page-color);
  border: var(--border-color) 1px solid;
  border-radius: var(--input-radius);
  width: 190px;
  height: auto;
  padding: 6px;
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 14px;
}
.itemImageVersionAction .menuVersion div {
  width: auto;
  height: auto;
  padding: 7px 9px;
  background: var(--page-color);
  border-radius: var(--input-radius);
  border: var(--page-color) 1px solid;
  color: var(--title-color);
}
.itemImageVersionAction .menuVersion div:hover {
  background: var(--block-color);
  padding: 7px 9px;
}
.itemImageVersionAction .menuVersion div.divDeleteVersion:hover {
  color: var(--alarm-text-color);
  background: var(--alarm-item-color);
}
.itemImageVersionAction .menuVersion div.divDeleteVersion:hover button {
  color: var(--alarm-text-color);
}
.itemImageVersionAction .menuVersion div button {
  width: max-content;
  height: auto;
  padding: 0px;
  background: transparent;
  border: none;
/*   color: var(--title-color); */
  margin-left: 0px;
  margin-right: auto;
  font: var(--body-S-regular);
}
/* Описание версии */
.itemImageVersion .versionDesc {
/*   margin-top: 15px; */
/*   padding-top: 10px; */
  display: flex;
  flex-direction: column;
  font: var(--body-S-regular);
/*   border-top: var(--line-color) 1px solid; */
/*   background: var(--block-color); */
/*   border-radius: var(--input-radius); */
}
.itemImageVersion .versionDescTitle {
  
  border-top: var(--line-color) 1px solid;
  margin-top: 15px;
  padding-top: 10px;
  font: var(--body-S-regular);
  color: var(--label-color);
  justify-content: space-between;
}
.versionDescTitle div {
  flex: 0 0 auto;
}
div.versionDescAction {
  flex: 1;
  display: flex;
}
.versionDescAction button {
  background: transparent;
  border: none;
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 24px;
  cursor: pointer;
}
.versionDescAction button.buttonCloseVersionDesc {
  display: none;
}
.versionDescAction button img,
.versionDescAction button svg {
  width: 24px;
  height: 24px;
  display: flex;
  margin: 0px;
  margin-left: auto;
  fill:  var(--title-color);
}
.versionDescBlock {
  width: 100%;
  padding-top: 5px;
  display: none;
}
.versionDescBlock .itemImageDesc {
  font: var(--body-S-regular);
  background: transparent;
  border: none;
  padding: 0px;
  margin: 0px;
}
/*.itemImageVersion .versionDesc p::before {
  content: "- ";
  margin-right: 10px;
}*/
.itemImageDescForm .groupInput input:valid {
  background: var(--page-color);
  border: none;
}
.versionDesc .buttonGroupPopup {
  padding: 0px;
}
/* Удаление версии */
.deleteImageWindow .textPopup {
  padding-top: 20px;
  flex-grow: 0;
  background: none;
}
.deleteImageWindow .textPopup p {
  margin-bottom: 10px;
}
.deleteImageWindow .textPopup p {
  margin-bottom: 0px;
  font-size: 15px;
  font-weight: 400;
}
.deleteImageWindow .deleteImageButtom {
  background: var(--alarm-item-color);
}
/* Провайдеры ВМ */ /* Архитектуры контейнеров */
.itemImageInstructions {
  display: flex;
  flex-direction: column;
  width: calc( 100% - 870px );
}
.itemImageInstructions .downloadInstruct {
  height: calc( 100% - var(--topTitle_height) - var(--footer_height) );
  width: 750px;
  background-color: var(--page-color);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 76px;
  right: 0px;
  z-index: 99;
}
.itemImageVersionProviders {
  display: none;
  width: 750px;
  border-radius: var(--input-radius);
}
.itemImageVersionProvider .imageVersionProvider {
  display: flex;
}
.itemImageVersionProviders .headPopupProvider {
  margin-top: 0px;
}
.itemImageVersionProviders .headPopupVersion {
  display: none;
  padding: 20px;
  color: var(--label-color);
}
.itemImageVersionProviders .headPopupVersion.selected,
.headPopup .headPopupProviderSize.selected {
  display: block;
}
.itemImageVersionProviders .headPopupVersion div {
  margin-bottom: 10px;
}
.headPopup  .headPopupProviderSize {
/*   display: none; */
}
.itemImageVersionProvider {
  display: none;
  padding: 15px 20px;
  border: var(--block-color) 1px solid;
}
.itemImageSingleVersion .headPopup {
  padding: 0px;
}
.itemImageSingleVersion .bodyPopup {
  margin: 15px 20px 15px 0px;
}
.itemImageVersionProvider:first-child {
  border-top: none;
}
.itemImageVersionProvider.itemImageVersionProviderAdd {
  border-bottom: none;
}
.itemImageVersionProvider:hover {
  border-radius: var(--input-radius);
  background: var(--page-color);
}
.itemImageVersionProviderAdd form {
  margin-top: 15px;
  margin-left: 0;
  margin-right: auto;
}
.itemImageVersionProvider div.notavalable {
  display: none;
}
.itemImageVersionProvider .itemDownload {
  color: var(--label-color);
  margin-right: 21px;
}
.itemImageVersionProvider .itemSize {
  color: var(--title-color);
}
.itemImageVersionProvider .itemDownloadButton,
.itemImageVersionProvider .itemImageVersionAction {
  display: none;
}
.itemImageVersionProvider:hover .itemDownloadButton,
.itemImageVersionProvider:hover .itemImageVersionAction,
.itemImageVersionProvider.itemImageVersionProviderAdd .itemImageVersionAction{
  display: block;
}
.itemImageVersionProvider:hover .itemDownloadButton,
.itemImageVersionProvider:hover .itemImageVersionAction.deleteImage button {
  background: transparent;
}
.itemImageVersionProvider:hover .itemDownloadButton button:hover {
  color: var(--active-text-color);
}
.lastVersionDownload.itemDownloadButton,
.itemImageVersionProvider .itemDownloadButton,
.buttonBack {
  background: var(--block-color);
  border-radius: var(--input-radius);
  border: none;
  margin-left: 30px;
}
.lastVersionDownload {
  height: 35px;
  margin-top: auto;
  margin-bottom: auto;
}
.buttonBack {
  margin-left: 0px;
}
.itemImageVersionProvider a {
  color: #8D8D8D;
  float: right;
  margin-left: 48px;
}
.lastVersionDownload button,
.itemImageVersionProvider button {
  background: #F3F3F3;
  border-radius: var(--input-radius);
  border: none;
  margin-left: 30px;
  cursor: pointer;
}
.itemDownloadButton button {
  margin-left: 0px;
  padding: 0px;
  background-color: transparent;
  font: var(--body-M-regular);
  color: var(--label-color);
}
.itemImageVersionProvider:hover .itemDownloadButton button:hover {
  color: var(--title-color);
}
.itemImageVersionProvider button.buttonSendDelete {
  margin-left: 0px;
}

/* Обсуждения сообщества */
.itemImageDiscuss {
  padding: 20px;
}
.itemImageDiscussTitle {
  font: var(--header-four-regular);
  margin-bottom: 15px;
}
.itemImageDiscussContent {
  font: var(--body-S-regular);
  color: var(--label-color);
}
.itemImageDiscussQuestion {
/*   margin-left: 0px; */
  padding: 15px 20px;
  background-color: var(--block-color);
  border-radius: var(--block-radius);
  font: var(--body-S-regular);
  color: var(--blue-item-color);
  
}
.buttonDiscuss {
  display: block;
  margin-top: 15px;
  color: var(--active-item-color);
}
.itemImageFilters {

}
.searchResult a svg {
  margin: auto;
  margin-right: 0px;
/*   stroke: #000000; */
}
.pageImages .itemsP {
  margin-top: 30px;
}
.itemsP {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: inherit;
}
.itemsP a {
  width: inherit;
}
.itemPMini,
.headImage {
  /*height: 107px;*/
  margin: 15px 0 15px 0;
  cursor: pointer;
  text-decoration: none;	
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.headImage {
  height: auto;
}
.itemPImgMini {
  height: 55px;
  width: 55px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}
.descriptionPoImage .itemPImgMini {
  height: 45px;
  width: 45px;
  border-radius: 8px;
}
.itemPnoImgMini {
  border: 0.8px solid #7B7B7B;
  font-size: 26px;
}
.itemKnoImgMini {
  height: 45px;
  width: 45px;
}
.itemPImgMini img {
  width: inherit;
  border-radius: 5px;
}
.topTitle span.noofoci {
  font-weight: 300;
  font-size: 22px;
  margin-left: 15px;
}
/*
 . *headImageImg {
 height: 75px;
 width: 75px;
 }*/
.itemPTextMini {
  width: 70%;
  margin-left: 0px;
  margin-right: auto;
}
.descriptionPoImage .itemPTextMini {
  width: 50%;
  margin-left: 0px;
  margin-right: auto;
}
.descriptionPoImage .itemPMeta {
  width: auto;
}
.itemPTextMini p.itemPTitleMini,
.headImageTitle p {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
}
.imageBlockFavorites .itemPTextMini p.itemPTitleMini {
  margin-top: 5px;
  margin-bottom: 4px;
}
.descriptionPoImage .itemPTextMini p.itemPTitleMini {
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  color: #8D8D8D;
  margin-top: 6px;
  margin-bottom: auto;
}
.descriptionPoImage .itemPTextMini p.itemPsubTitleMini,
.descriptionPoImage .itemPMeta p.itemPMetaDesc {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #000000;
}
.descriptionPoImage .itemPTextMini p.itemPsubTitleMini {
  margin-top: auto;
  margin-bottom: 5px;
}
.descriptionPoImage .itemPMeta p.itemPMetaDesc {
  margin-top: auto;
  margin-bottom: 5px;
}
.itemPTextMini p {
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  color: #1B1B1B;
}
.itemPTextMini span {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: var(--label-color);
}
.descriptionPoImage .itemPTextMini p.itemPsubTitleMini span {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #8D8D8D;
}
.descriptionPoImage .itemPTextMini p.itemPsubTitleMini span:first-child {
  margin-right: 60px;
}
.itemPMeta {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  color: var(--label-color);
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
}
.itemPMeta span {
  color:var(--text-color);
}
.imageBlockFavorites .itemPMeta {
  font-size: 12px;
}
.askQuestionForm {
  display: none;
}
.itemPProvider {
  background: #EEE9FF;
  border-radius: var(--block-radius);
  padding: 4px 14px 5px 14px;
  width: fit-content;
  margin-top: 15px;
  margin-right: 10px;
}
.pageContentImage .titlePage a {
  font-weight: 500;
  font-size: 22px;
  line-height: 130%;
  color: var(--active-item-color);
}
.pageContentImage .topTitle {
  margin-bottom: 20px;
}
.itemActionButtons {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  width: 20%;
  margin-top: auto;
  margin-bottom: auto;
}
.itemActionButton {
  width: auto;
  height: 32px;
}
.itemActionButton.deleteImage {
  margin-left: 10px;
  width: 32px;
}
.itemActionButton button {
  width: auto;
  height: 32px;
  background: var(--block-color);
  border-radius: var(--input-radius);
  border: var(--border-color) 1px solid;
  color: var(--title-color);
  cursor: pointer;
  padding: 3px;
  margin: 0px;
}
.itemActionButton button:hover {
  background: var(--page-color);
  border: var(--border-color) 1px solid;
}
.itemActionButton.itemActionButtonAdd button {
  padding: 3px 22px;
}
.imageBlockFavorites .itemFooter {
  margin-top: 15px;
  display: flex;
}
.imageBlockFavorites .itemActionButton {
  width: 25px;
  height: 25px;
  margin-left: 0px;
  margin-right: 10px;
}
.itemImageVersionButton .addVersion {
  margin-left: 0px;
}
.itemActionButtonAdd img {
  margin-left: 20px;
  vertical-align: -2px;
}
.itemImageEditDesc,
.versionDescButton {
  line-height: 100%;
  padding: 7px;
  margin-left: auto;
  margin-bottom: 0px;
  margin-top: auto;
}
.itemImageEditDesc {
  margin-top: 0;
  background: var(--block-color);
}
.favoritesImage {
  margin-right: 0px;
  margin-left: auto;
}
.favoritesImage img {
  margin: 4px;
}
.imageBlockFavorites .itemFooter .favoritesImage img {
  margin: auto;
  width: 13px;
}

.itemImageEditDesc button,
.versionDescButton button {
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  background: var(--block-color);
  padding: 0px;
  cursor: pointer;
  margin: 0px;
  font-size: 13px;
}
.pageContentOci .itemImageDesc p,
.versionAddDesc {
  width: 70%;
}
.versionAddDesc {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}
.itemImageDesc .desc {
  color: var(--label-color);
}
.itemImageDescForm,
.profileDescForm {
  display: none;
}

/* Виртуальные машины */
/* Вход */ /* Выход */ /* Регистрация */
/* добавлены классы anspress*/
.pageContent.pageEntry {
  flex-direction: column;
}
.wp-social-login-connect-with {
  margin: 40px;
  margin-bottom: 0px;
  font: var(--header-three-regular);
}
.descEntryForm {
  margin-left: 60px;
  margin-top: 50px;
  font: var(--header-two-regular);
  line-height: 140%;
  text-align: left;
}
.descEntryForm p {
  margin-top: 30px;
  font: var(--header-three-regular);
  line-height: 140%;
  text-align: left;
}
.descEntryForm p:last-child {
  margin-top: 20px;
}
.gotoLogin a {
/*   font: var(--header-three-regular); */
  letter-spacing: 0em;
  text-align: left;
  color: var(--blue-item-color);
}
.gotoLogin a:hover {
  text-decoration: underline;
}
.entryForm {
  padding-bottom: 50px;
  margin: 40px 60px;
  width: fit-content;
}
.groupInput,
.login-username,
.login-password,
.login-remember {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 20px;
}
.login-username:has(input[name="email"]) {
  margin-bottom: 30px;
}
.groupInput label,
.login-username label,
.login-password label {
  font: var(--header-three-regular);
  color: var(--label-color);
  margin-bottom: 8px;
}
.groupInput input,
.login-username input,
.login-password input,
.itemImageDescForm textarea,
.profileDescForm textarea,
.groupInputLicense textarea {
  font: var(--body-M-regular);
  color: var(--text-color);
  background: var(--block-color);
  border: var(--block-color) 1px solid;
  border-radius: var(--input-radius);
  padding: 10px;
  width: 500px;
}
.groupInput input:hover,
.login-username input:hover,
.login-password input:hover {
  border: var(--line-color) 1px solid;
  border-radius: var(--input-radius);
}
.groupInput input:focus,
.login-username input:focus,
.login-password input:focus,
.comment-form textarea:focus {
  border: var(--line-color) 1px solid;
  outline: none;
}
.groupInput input:valid,
.login-username input:valid,
.login-password input:valid {
  border: var(--line-color) 1px solid;
  background: var(--block-color);
}
.sendEntry {
  background-color: transparent;
  background-image: var(--arrow-next-long);
  background-position: calc( 100% - 24px) center;
  background-repeat: no-repeat;
  border-radius: var(--input-radius);
  border: var(--active-item-color) 1px solid;
  color: var(--active-item-color);
  font: var(--body-M-regular);
  cursor: pointer;
  padding-top: 9px;
  padding-bottom: 10px;
  outline: none;
  width: 100%;
  text-align: inherit;
  padding-right: 47px;
  padding-left: 15px;
}
.sendEntry:hover {  
  background-color: var(--active-item-color);
  background-image: var(--arrow-next-text-color);
  background-position: calc( 100% - 34px) center;
  background-repeat: no-repeat;
/*   background: var(--active-item-color) var(--arrow-next-text-color) calc( 100% - 34px) center no-repeat; */
  color: var(--active-text-color);
}
.login-password label,
.forget-pwd {
  display: inline-block;
  width: fit-content;
}
.forget-pwd {
  position: absolute;
  right: 0;
}
.forget-pwd a {
  font: var(--body-S-regular);
  color: var(--blue-item-color);
  text-align: right;
}
.forget-pwd a:hover {
  text-decoration: underline;
}
.login-password button {
  position: absolute;
  Z-INDEX: 2;
  width: 24px;
  height: 100%;
  background: transparent url(./assets/password_on.svg) center no-repeat;
  border: none;
  right: 5px;
  margin-right: 7px;
}
.login-password button:hover {
  background: transparent url(./assets/password_off.svg) center no-repeat;
}
.login-password .wp-pwd {
  position: relative;
}
.pageSettings .groupInput {
  margin-left: 0px;
}
.groupInputImage {
  margin-left: 0px;
  margin-top: 10px;
}
.groupInputImage.groupInputCheckbox {
  margin-top: 0px;
  flex-direction: row;
}
.groupInputImage.groupInputCheckbox label {
  margin-bottom: 0px;
}
.boxnameRequirements {
  display: none;
}
.pageContentSetting .groupInput {
  margin-left: 40px;
}
.pageContentSetting #profileNickname.groupInput {
  width: 100%;
}
.pageContentSetting .profileFavorites {
  padding-left: var(--basic-indent);
  margin-bottom: 20px;
}
.groupInput p:first-child {
  margin-bottom: 15px;
}
.formAddImage .groupInputCheckbox label {
  margin-bottom: 0px;
}
.settingNickForm.nick_name_active input.submitButton,
.settingNameForm.real_name_active input.submitButton {
  background: #F6F6F6;
  border-radius: 6px;
}
.pageContentSetting .groupInput label {
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  color: #000000;
}
.pageContentSetting .updatePass {
  display: none;
  width: 100%;
  padding: 30px 40px;
  background-color: #F3F3F3;
  border: 1px solid #EAEAEA;
  border-radius: 5px;
  width: 800px;
  margin-left: 0px;
}
.updatePass p {
  margin-top: 15px;
}
.pageContentOci .groupInput input {
  width: auto;
}
#profileDescForm textarea,
.itemImageDescForm textarea,
.profileDescForm textarea {
  background: var(--block-color);
  border: none;
  border-bottom: var(--border-color) 1px solid;
  border-radius: 6px;
  padding: 10px;
  font-size: 14px;
  width: -moz-available;
}
.settingEditAvatar .editAva,
.settingEditImageBg .editBg {
  background: transparent;
  border: none;
  color: var(--active-item-color);
  cursor: pointer;
  font-size: 14px;
  line-height: 125%;
}
.groupInput input:focus {
  background-color: var(--block-color);
  outline: none;
}
.groupInput button {
  background: transparent;
  border: none;
  color: var(--active-item-color);
  width: auto;
  margin-left: 22px;
  cursor: pointer;
}
.pageContentOci .groupInput button {
  margin-left: 0px;
}
.groupInput button {
  font-family: Commissioner;
  font-size: 14px;
  font-weight: 400;
  line-height: 122%;
  text-align: left;

}
#loginform .errorMessage,
.captchaError,
.rememberForm.errorMessage {
  color: var(--alarm-item-color);
}
.groupInput .errorMessage,
.login-username .errorMessage,
.login-password .errorMessage {
  position: absolute;
  top: 100%;
  left: 160px;
  font: var(--body-XS-regular);
  color: var(--alarm-item-color);
  display: none;
}
.errorMessage.captchaError {
  font: var(--body-XS-regular);
  color: var(--alarm-item-color);
}
.groupInput .errorMessage {
  left: 0px;
}
.login-username .errorMessage,
.login-password .errorMessage {
  left: 0px;
}
.errorInputMessage input {
  border: var(--alarm-item-color) 1px solid;
}
.errorInputMessage input#rememberme {
  border: none;
}
.errorInputMessage input.sendEntry {
  border: var(--active-item-color) 1px solid;
}
.login-username.errorInputMessage input,
.login-password.errorInputMessage input {
  border: var(--alarm-item-color) 1px solid;
}
.login-password.errorInputMessage button {
  height: 39px;
}
/*.itemImageVersion.errorImageMessage .errorMessage,*/
.errorInputMessage .errorMessage {
  display: block;
}

.groupInputCheckbox,
.login-remember {
  font: var(--body-S-regular);
}

.groupInputCheckbox input {
  width: 20px;
  margin-right: 15px;
}
.login-remember input {
  float: left;
  font: var(--body-S-regular);
  margin-right: 13px;
  margin-top: 2.5px;
}
.buttonGroupLogin .errorMessage {
  display: none;
}
.loginService,
.wp-social-login-widget {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.wp-social-login-connect-with {
  width: 100%;
  margin-bottom: 30px;
}
.loginService a,
.wp-social-login-widget .wp-social-login-provider {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  padding: 16px;
  width: 325px;
  border-radius: 6px;
  position: relative;
  margin-bottom: 15px;
}
.loginService a img {
  position: absolute;
  left: 10px;
  top: 10px;
}
.loginService a:nth-child(2) {
  background-color: #404040;
}

/* Индикатор надёжности пароля*/
/* появляется по курсору в поле */
.loginBar, .loginRequirements,
.passwordBar, .passwordRequirements {
  display: none;
}
.passwordBarActive {
  height:7px;
  width: 500px;
  display: block;
  float: left;
  border-radius: var(--block-radius);
  background: var(--block-color);
  margin-top: 12px;
}
.loginRequirementsActive,
.passwordRequirementsActive,
.boxnameRequirementsActive {
  display: block;
  position: absolute;
  left: 520px;
  top: 25px;
  font: var(--body-S-regular);
  width: 297px;
  background: var(--block-color);
  border-radius: 5px;
  padding: 20px;
}
.boxnameRequirementsActive {
  position: relative;
  top: 40px;
  left: 20px;
  height: fit-content;
}
.loginRequirementsActive ul,
.passwordRequirementsActive ul,
.boxnameRequirementsActive ul {
  margin: 0;
  padding: 10px;
}
.boxnameRequirementsActive ul {
  padding-bottom: 0px;
}
.loginRequirementsActive li,
.boxnameRequirementsActive li {
  font-weight: 300;
  font-size: 12px;
  line-height: 130%;
  margin-bottom: 10px;
}
.boxnameRequirementsActive li:last-child {
  margin-bottom: 0px;
}
.passwordRequirementsActive li {
  font-weight: 300;
  font-size: 12px;
  line-height: 130%;
  margin-bottom: 10px;
  color: var(--alarm-item-color);;
}
.loginRequirementsActive li.liLoginGreen,
.passwordRequirementsActive li.liPasswordGreen,
.boxnameRequirementsActive li.liLoginGreen {
  color: #00930F;
}
.loginRequirementsActive li.liLoginRed,
.boxnameRequirementsActive li.liLoginRed {
  color: var(--alarm-item-color);;
}
#passwordDescription {
margin:6px 0 6px 12px;
display:block;
float:left;
}
#loginStrength,
#passwordStrength {
height:7px;
display:block;
float:left;
border-radius: var(--block-radius);
}
.strength1 {
  width:125px;
  background: var(--alarm-item-color);;
}
.strength2 {
  width:250px;
  background: #FFC046;
}
.strength3 {
  width:375px;
  background:#7fc987;
}
.strength4 {
  width:500px;
  background:#00930F;
}
.completeRegistration {
  margin-top: 124px;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
}
.completeRegistration p {
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  margin-top: 16px;
}
/* Избранное */
.pageFavorite .containerContent {
  background-color: transparent;
}
.pageFavorite .pageContent {
  height: 100%;
}
.pageFavorite .pageContentMain {
  background-color: var(--page-color);
  border-radius: var(--border-radius);
  flex-direction: row;
}
.pageContentProfileMenu {
  display: flex;
  flex-direction: column;
  width: 220px;
  height: auto;
  border-bottom: none;
  border-right: var(--border-color) 1px solid;
  padding-left: var(--basic-indent);
}
.menuProfileTitle,
.bodyProfileTitle {
  font: var(--header-two-regular);
  margin: 0px;
  padding-top: 22px;
  height: var(--topTitle_height);
}
.bodyProfileTitle {
  padding-left: 20px;
  border-bottom: var(--border-color) 1px solid;
}
.pageContentProfileMenu .menuProfileItem {
  font: var(--body-S-regular);
  margin: 10px 0px;
  height: auto;
}
.pageContentProfileMenu .menuProfileItem.current-menu-item {
  color: var(--active-item-color);
}
.pageContentProfileBody {
  height: 100%;
  width: calc( var(--content_width) - 220px );
}
.bodyProfileDesc {
  height: calc(100% - var(--topTitle_height));
  overflow-y: auto;
  padding: 20px;
  padding-right: 40px;
}
.gotoFavorites a {
  color: var(--blue-item-color);
}
.pageFavorite .pageContentTags {
  background-color: var(--primary-color);
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  border-left: none;
}
.pageFavorite .pageContentTags .titlePageSearch {
  width: 100%;
}
/* Уведомления */
/* Настройки */
/* Настройки профиля */
.pageSettings .pageContent {
  height: 100%;
}
.pageSettings .pageContentMain {
  flex-direction: row;
}
.settingEditAvataTitle {
  font: var(--header-five-medium);
  color: var(--label-color);
}
.avatarUpload .profileAvatar {
  margin-right: 20px;
}
.profileAvatar .headImageImg img.imageNoAvatar {
  height: 40px;
  width: 40px;
  object-fit: cover;
}
.avatarUpload form .avaFile {
  background-color: var(--border-color);
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  width: 86px;
  height: 86px;
  justify-content: center;
  font: var(--header-avatar);
}
.avatarUpload {
  display: inline-block;
  position: relative;
  margin-top: 20px;
  margin-left: 10px;
  color: var(--active-item-color);
}
.avatarUpload label {
  width: 100%;
  outline: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.avatarUpload input {
  display: none;
}
.avatarUpload input.editAva {
  background: transparent;
  border: none;
  color: var(--active-item-color);
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
}
.settingEditProfile {
  margin-top: 35px;
}
.settingEditProfile .groupInput p:first-child {
  margin-bottom: 10px;
}
.settingEditProfile .groupInput p.description {
  font: var(--body-XS-regular);
  color: var(--label-color);
}
.settingEditProfile .groupInput label {
  font: var(--header-five-medium);
  color: var(--label-color);
}
.settingEditProfile .groupInput input {
  width: 342px;
  font: var(--body-S-regular);
}
.settingEditProfile .groupInput input:hover,
.settingEditProfile .groupInput input:focus {
  border: var(--block-color) 1px solid;
}
.settingEditProfile .groupInput input.submitButton {
  background: transparent;
  border: none;
  color: var(--active-item-color);
  width: auto;
  cursor: pointer;
  position: relative;
  right: 91px;
}
#profilePassForm .groupInput input.submitButton {
}
.settingEditProfile .groupInput input.submitButton.buttonUpdatePass {
  margin-left: 0px;
  padding-left: 0px;
  right: 0px;
}
.profileDelete {
padding: 20px 15px;
width: 342px;
background-color: var(--block-color);
border-radius: var(--block-radius);
}
.profileDeleteTitle {
  font: var(--header-five-medium);
  margin-bottom: 10px;
}
.profileDeletDesc {
  font: var(--body-XS-regular);
  color: var(--label-color);
  margin-bottom: 20px;
}
.profileDeletDesc p {
  margin-bottom: 10px;
}
/* Настройки интерфейса */
.menuDisplayStart div,
.menuDisplayTheme div {
  font: var(--header-five-medium);
  color: var(--label-color);
}
.menuDisplay.menuDisplayStart form {
  width: 342px;
  font: var(--body-S-regular);
  margin: 10px 0px 20px 0px;
  padding-top: 0px;
}
.menuDisplay.menuDisplayStart form select {
  padding: 10px 21px 11px 15px;
  color: var(--label-color);
}
.menuThemeButton {
  margin: 20px;
  margin-left: 0px;
  background-color: var(--block-color);
  border-radius: var(--input-radius);
  border: var(--input-radius) 1px solid;
  width: fit-content;
  display: flex;
  flex-direction: row;
  padding: 3px 5px;
}
.menuThemeButton div {
  display: flex;
}
.themeButton {
  font: var(--body-S-regular);
  margin-bottom: 0px;
  background-color: var(--block-color);
  border-radius: var(--input-radius);
  border: var(--input-radius) 1px solid;
/*   background-image: var(--theme-icon); */
/*   background-repeat: no-repeat; */
/*   background-position: left 10px center; */
/*   background-size: 20px; */
  cursor: pointer;
  padding: 1px 10px 5px 10px;
}
.themeButton.activeTheme {
  background-color: var(--page-color);
}
.menuThemeButton input {
  font: var(--body-S-regular);
  margin: 0px;
  padding: 0px;
  appearance: none;
}
/* Профиль */
.profileContent {
  font: var(--header-four-regular);
  margin: 30px 8px 30px 40px;
  padding-right: 23px;
  height: 100%;
  overflow-y: auto;
}
.profileContent .buttonAsk {
  margin: 20px auto auto 0px;
  line-height: 42px;
  width: 185px;
}
.profileContentVMs,
.profileContentOcis {
  width: 100%;
}
.profileContentVMs {
  padding-left: 10px;
}
.profileContentOcis {
  padding-right: 10px;
}
.profileContentHead {}
.profileContentTitle {}
.profileContentDesc {
  font: var(--body-M-regular);
  margin-top: 10px;
}
.profileContentBody {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  margin: 30px 0;
}

/* Меню профиля */
.profileMenu .menuBorder {
  padding: 0px 1px 0px 2px;
  margin-top: auto;
  margin-bottom: auto;
}
.profileMenu .menuBorder:first-child {
  padding-left: 0px;
}
.profileMenu a#profileMenuItem-null {
  background: #F3F3F3;
  width: 90px;
  height: 27px;
  margin-right: 10px;
  border-radius: 5px;
}
.profileMenu a.menudisable {
  pointer-events: none;
  cursor: default;
}
/*.notificationMenu .activeItemMenu,
.profileMenu .activeItemMenu,
.profileMenu .nuxt-link-active {
  color: var(--active-item-color);
}
.notificationMenu .activeItemMenu::before,
.profileMenu .activeItemMenu::before,
.profileMenu .nuxt-link-active::before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  background: var(--active-item-color);
  height: 2px;
}*/
/* Инфо профиля (справа) */
.profileBlock {
  margin: 20px;
}
.profileMainInfo,
.orgprofileMainInfo {
  width: 100%;
  background: var(--block-color);
  border-radius: var(--block-radius);
  display: flex;
  padding: 20px;
}
.profileAvatar,
.orgprofileAvatar {
  width: 86px;
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}
.profileAvatar .headImageImg,
.orgprofileAvatar .headImageImg{
  background-color: var(--border-color);
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  font: var(--header-avatar);
}
.profileMainInfo .profileAvatar .headImageImg {
  background-color: var(--page-color);
}
.profileAvatar .headImageImg p,
.orgprofileAvatar .headImageImg p {
  display: flex;
  align-items: center;
  justify-content: center;
  font: var(--header-avatar);
}
.profileAvatar .headImageImg img,
.orgprofileAvatar .headImageImg img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.profileInfo,
.orgprofileBlock,
.orgprofileInfo {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.profileNickname {
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 5px;
}
.profileName {
  font: var(--body-S-regular);
  text-align: left;
}
.profileDate {
  color: var(--label-color);
  font: var(--body-XS-regular);
}
.profileOrgInfo {
  display: flex;
  flex-direction: row;
  margin: 20px 0px;
  padding: 10px;
  border-radius: var(--block-radius);
  border: var(--border-color) 1px solid;
  font: var(--body-S-regular);
}
.profileOrgAvatar,
.profileRepAvatar {
  margin-right: 20px;
  width: 24px;
  height: 24px;
}
.profileReputation,
.profileCommunity {
  margin-top: 10px;
  width: 100%;
}
.profileReputation .profileRepAvatar svg {
  stroke: var(--text-color);
}
.profileRepInfo,
.profileCommunity {
  font: var(--body-S-regular);
  line-height: 27px;
}
.profileRepStat {
  margin-right: 0px;
  margin-left: auto;
  font: var(--header-two-regular);
  font-weight: 600;
  color: #FF8146;
}
.profileCommunity {
  background: transparent;
  display: flex;
  flex-direction: row;
}
.profileComQuestions,
.profileComAnswers {
  display: flex;
  flex-direction: column;
  width: calc( (100% - 10px) / 2 );
  margin-right: 10px;
  background: var(--block-color);
}.profileComAnswers {
  margin-right: 0px;
}
.profileCommunity .profileComInfo {
  color: var(--label-color);
}
.profileComCom {
  font: var(--header-two-regular);
  color: var(--title-color);
}
.profileComCom span {
  font: var(--body-XS-regular);
  color: var(--label-color);
  margin-left: 6px;
}
.profileNotification {
  display: flex;
  flex-direction: column;
  margin: 0px;
  font: var(--body-S-regular);
}
.profileFavorites {
  margin-top: 20px;
}
.profileNotiInfo {
  display: flex;
  flex-direction: row;
  margin: 20px;
  padding: 30px;
  color: var(--label-color);
  background: var(--block-color);
  border-radius: var(--block-radius);
}

/* Статистика профиля */
.profileStatisticTitle {
  font-weight: 500;
  font-size: 22px;
  line-height: 130%;
  margin-bottom: 20px;
  width: 100%;
}
.profileStatisticComments {
  font-weight: 300;
  font-size: 18px;
}
.profileStatistic {
  display: flex;
  flex-wrap: wrap;
}
.userStats {
  width: 250px;
  height: 176px;
  margin: 0 30px 30px 0;
  color: #000000;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 18px 21px;
  position: relative;
}
.userReputatuins {
  background: #813AF5;
}
.userImagesStats {
  width: 529px;
  margin-right: 0px
}
.userStatsTitle {
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
}
.userReputatuins .userStatsTitle,
.userReputatuins p,
.userReputatuins a {
  color: #FFFFFF;
}
.userStats .userStatsCount {
  position: absolute;
  bottom: 20px;
}
.userStats p {
  font-weight: 300;
  font-size: 13px;
  line-height: 130%;
  margin-top: 8px;
}
.userStats p span {
  color: #00AB00;
}
.userStats a,
.userStats a span.ap-user-about-images {
  font-weight: 600;
  font-size: 32px;
  line-height: 130%;
}
.userReputatuins a {
  font-size: 48px;
  line-height: 130%;
}
.userStats img {
  width: 90%;
}

.userStatsCount {
  font-weight: 600;
  color: #000000;
}
.userReputatuins .userStatsCount {
  color: #FFFFFF;
}
.userStatsCount.countBig {
  font-size: 48px;
  line-height: 130%;
}
.userStatsCount.countSmall {
  font-size: 32px;
  line-height: 130%;
  font-weight: 600;
}
.userStatsCount .countSmall {
  font-size: 32px;
  line-height: 130%;
  font-weight: 300;
  color: #8D8D8D
}
.userStatsCount span {
  font-weight: 300;
  font-size: 13px;
  line-height: 130%;
  color: #8D8D8D;
}
/* Профиль. Мои образы */
/* Профиль. Мои лицензии */
/* Профиль. Мои вопросы */
/* Профиль. Мои ответы */
/* Профиль. Добавить отбраз */
.profileAddImageTitle {
  display: flex;
}
.formAddImage {
  display: flex;
  flex-direction: row;
}
.formAddImage .groupInputImage {
  width: fit-content;
}
.buttonAddImage,
.groupInput.groupInputAdd input.buttonAddImage {
  color: var(--theme-color);
  font: var(--body-M-regular);
  border: none;
  margin-left: 36px;
  background-color: var(--blue-item-color);
  outline: none;
  cursor: pointer;
  border-radius: var(--input-radius);
  padding: 9px 34px 10px 33px;
  outline: none;
}
.groupInput.groupInputAdd input.buttonAddImage {
  color: var(--blue-item-color);
  font: var(--body-M-regular);
  border: var(--blue-item-color) 1px solid;
  margin-left: 0px;
  background-color: transparent;
}


/* Организация */
.organizationAvatar {
  height: 225px;
  border-radius: var(--block-radius);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
}
.organizationAvatar img {
  margin: auto;
}
.organizationInfo {
  margin-top: 30px;
}
.organizationList {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  padding: 30px 15px;
  color: var(--label-color);
  background: var(--block-color);
  border-radius: var(--block-radius);
}
.orgprofileMainInfo {
    width: 100%;
    background: var(--block-color);
    display: flex;
    padding: 6px;
}
.orgprofileAvatar {
  width: 48px;
  height: 48px;
  margin: 6px 19px 6px 0px;
}
.orgprofileAvatar .headImageImg {
  font: var(--header-four-regular);
}
.orgprofileBlock {
  flex-direction: row;
}
.orgprofileBlock {
  border-bottom: var(--label-color) 1px solid;
  padding: 6px 0px 10px 0px;
}
.orgprofileMainInfo:last-child .orgprofileBlock {
  border-bottom: none;
}
.orgprofileInfo {
  margin-top: 6px;
}
.orgprofileName {
  font: var(--body-S-regular);
  color:  var(--title-color);
}
.orgprofileDate {
  font: var(--body-XS-regular);
  color:  var(--label-color);
  margin-top: 3px;
}
.orgprofileMenu {
  display: flex;
}
.buttonEditOrgprofile {
  background: url('./assets/menu/etc.svg') no-repeat center;
  background-size: auto;
  display: block;
  border: none;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background-size: 100%;
  margin: auto 0px;
}
/* Остальное */


.disabled {
  pointer-events: none;
  opacity: .4;
}

.disabledSpin {
  opacity: .3;
  pointer-events: none;
}

.opacity-enter-active {
  animation: slideIn 0.2s;
}

.opacity-leave-active {
  animation: slideOut 0.2s;
}

@keyframes slideIn {
  from {
  opacity: 0;
}
  to {
  opacity: 1;
}}

@keyframes slideOut {
  from {
  opacity: 1;
}
  to {
  opacity: 0;
}}

#sendQuestion,
.buttonGroupPopup .sendQuestion,
.groupInput input#sendQuestion,
.sendQuestion,
.groupInput input.sendQuestion,
.login-out .button {
  color: var(--active-text-color);
  font-size: 14px;
  font-weight: 500;
  border: none;
  background-color: var(--active-item-color);
  outline: none;
  border-radius: 6px;
  padding: 9px 16px 11px 16px;
  cursor: pointer;
}
#sendQuestion {
	width: 94px;
	text-align: inherit;
	background: var(--active-item-color) var(--arrow-next-text-color) 65px center no-repeat;
}
/* Всплывающие окна */
.buttonGroupPopup .sendQuestion.noDisplay {
  display: none;
}
.myContainerPopup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
}

.wrapContentPopup {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 760px;
  height: 80vh;
  background-color: #fff;
  color: #1B1B1B;
  font-size: 13px;
  display: flex;
  flex-direction: column;
  border-radius: var(--block-radius);
  z-index: 10;
}
.loginOut .wrapContentPopup {
  margin: 0px;
  padding: 0px;
  width: 440px;
  height: 190px;
  background-color: var(--block-color);
  color: var(--title-color);
  font: var(--body-M-regular);
  display: flex;
  flex-direction: column;
  border-radius: var(--block-radius);
  border: none;
}
.downloadLicense {
  height: auto;
}
#newLicenseContainerPopup .wrapContentPopup {
  height: fit-content;
}
#newLicenseContainer {
  display: none;
}
#newLicenseContainer.display {
  display: block;
}
.titlePopup {
  padding: 30px 20px 0px 30px;
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  width: inherit;
}
.closePopup {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.textPopup {
  flex-grow: 2;
  overflow-y: auto;
  padding: 15px 30px;
  background: linear-gradient(360deg, #F3F3F3 53.6%, rgba(243, 243, 243, 0) 100%);
}
.loginOut .textPopup {
  background: transparent;
  overflow-y: hidden;
}
.loginOut .buttonClear {
  padding-left: 10px;
}
.pageContentOci .deleteImageWindow {
  width: 1000px;
  height: 1000px;
}

.fakeBgClose {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.images_orders {
  margin-right: 0px;
}
.profileQuestionWrap {
  width: 760px;
  margin-right: 50px;
}
/*
.topTitle .filterSort select {
  width: 160px;
}
.topTitle .filterSort:after {
  content: "";
  background: url('./assets/question/select.svg') center no-repeat;
  margin-left: 8px;
  position: relative;
  width: 7px;
  height: 4px;
  top: 50%;
  right: -12px;
}*/
/*.tagsFilter p {
  margin-bottom: 10px;
}*/
/* Форма входа*/

/*.wp-social-login-widget .wp-social-login-provider-github {
	background: #404040 url('./assets/serviceLogin/gitHub.svg') 10px no-repeat;
}
.loginService a:nth-child(3){
  background-color: #282B5E;
}
.wp-social-login-widget .wp-social-login-provider-vkontakte {
  background: #5274A1 url('./assets/serviceLogin/vk.svg') 10px no-repeat;
}
.loginService a:nth-child(4) {
  background-color: #5274A1;
}
.wp-social-login-widget .wp-social-login-provider-gitlab {
  background: #282B5E url('./assets/serviceLogin/gitLab.svg') 10px no-repeat;
}*/

/* Форма выхода */


.pageContentSetting {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.pageContentSetting .profileMainInfo {
  border: 1px dashed #636363;
}
.pageContentSetting .profileAvatar {
  border: 1px dashed #636363;
  background-color: #FFFFFF;
}

.pageContentSetting .instructionsPo {
  width: 100%;
}
.pageContentSetting .buttonSend {
  width: 350px;
  padding: 15px;
	text-align: center;}
.pageContentSetting .completeRegistration {
	margin-left: 146px;
}

.settingTheme {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
}

.themeItem {
  display: flex;
  flex-direction: column;
  width: 250px;
  height: 170px;
  border-radius: 6px;
  margin-right: 20px;
  background-color: #F3F3F3;
}

.themeIcon {
  flex-grow: 2;
  border-radius: 6px;
}

.themeName {
  font-size: 13px;
  color: #1B1B1B;
  padding: 10px 20px;
}

.themeWhite .themeIcon {
  background-color: #F9F9F9;
}

.themeBlack .themeIcon {
  background-color: #454545;
}

.formSetting {
  margin: 20px;
}
.formSetting .groupInput {
  padding-left: 0;
  margin-bottom: 40px;
}
.settingInfo {
  display: flex;
}
.settingEditInfo {
  width: 100%;
  border: 1px dashed #636363;
  border-top: none;
  color: var(--active-item-color);
  padding: 25px 50px;
  font-size: 14px;
}
.settingEditInfo p,
.settingEditInfo div {
  color:var(--text-color);
}
.settingEditInfo p input {
  border: none;
  color:var(--text-color);
  width: 100%;
  font-size: 14px;
  padding: 0px;
}

.settingEditInfo input.submitButton {
  border: none;
  background: none;
  padding: 0px;
  color: var(--active-item-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 125%;
  font-family: 'Commissioner';
  cursor: pointer;
}
.settingInfo .buttonEditDesc {
  margin-left: auto;
  margin-right: 0px;
}
.profileDescForm input.submitButton {
  padding-left: 5px;
}
.pageContentProfile {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.profileFavoritesAdd {
  margin-left: auto;
  margin-right: 0px;
}
.itemImageDescForm .submitButton,
.itemVersionAddForm .submitButton {
  margin-left: 0px;
}
.itemImageDescForm .submitButton {
  margin-right: 29px;
}
.pageContentOci .itemImageDescForm .submitButton {
  margin-right: 0px;
}
.itemImageDescForm .buttonClear {
  margin-left: auto;
  margin-right: 15px;
  padding: 0px;
}
.instructionsPoDesc p {
  width: 775px;
}
.profileDownload p {
  margin-bottom: 10px;
}
.profileLicense {
  margin-right: 0px;
  margin-left: auto;
  width: fit-content;
}
.profileLicense .profileTitle {
  font-size: 20px;
}
.profileLicense .profileTitle button {
  border: none;
  border-radius: var(--block-radius);
  padding: 8px 22px;
  margin-top: 15px;
  font-family: Commissioner;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
.formAddLicense {
  padding: 50px 40px;
}
.groupInputLicense {
  margin: 0px;
  margin-bottom: 30px;
}
.groupInputLicense input,
.groupInputLicense textarea {
  width: 100%;
}
.profileImagesItem {
  width: 100%;
  display: flex;
  margin-bottom: 20px;
}
.newImageFormShow {
  display: flex;
}
.newImageFormShow .formAddImage {
  position: relative;
}
.ImageHide,
.newImageFormHide  {
  display: none;
}
.profileImagesItem.newImage {
  flex-direction: column;
}
.newImageDesc p {
  margin: 30px 0;
}
.profileImagesInfo {
  width: 73%;
  margin-right: 20px;
  border-radius: var(--block-radius);
  padding-left: 15px;
  padding-right: 15px;
}
.profileImagesLicense {
  display: flex;
  width: 27%;
  height: 100%;
  flex-direction: column;
  margin-right: 0px;
  border-radius: var(--block-radius);
}
.profileImagesLicenseTitle {
  height: fit-content;
  padding: 20px 20px 0 20px;
  background-color: var(--block-color);
  border-top-left-radius: var(--block-radius);
  border-top-right-radius: var(--block-radius);
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.profileImagesLicenseInfo {
  height: 100%;
  padding: 0 20px 20px 20px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: var(--block-radius);
  border-bottom-left-radius: var(--block-radius);
}
.profileImagesLicenseInfo.assign {
  background: url('./assets/rectangle.svg') right bottom no-repeat var(--block-color);
}
.profileImagesLicenseInfo.error {
  background: url('./assets/rectangle_error.svg') right bottom no-repeat var(--block-color);
}
.profileImagesLicenseTitle p {
  font: var(--body-S-regular);
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 7px;
}
.profileImagesLicenseInfo p {
  font: var(--body-S-regular);
  line-height: 125%;
}
.profileImagesLicenseInfo a {
  font: var(--body-S-regular);
  letter-spacing: 0em;
  text-align: left;
  border-bottom: var(--border-color) 1px solid;
  margin-bottom: 1px;
}
.profileImagesLicenseInfo .buttonDownload {
  height: 20px;
}
.groupInputLicense select {
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.profileDownloadsItem {
  width: 100%;
  display: flex;
  margin-bottom: 20px;
  background: var(--block-color);
  border-radius: var(--block-radius);
}

.downItemImg {
  width: 300px;
  border-radius: var(--block-radius);
  overflow: hidden;
}
.downItemImg img {
  width: 100%;
  height: 100%;
}

.downItemText {
  width: calc( 100% - 320px);
  padding: 20px 25px;
  position: relative;
}
.downItemTitle {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
}

.downItemDesc {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 25px;
}

.downItemLink {
  position: absolute;
  right: 25px;
  bottom: 25px;
  color: var(--active-item-color);
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
}



.imageDeleteOk a {
  margin-left: 0px;
}
.imageDeleteOk p {
  margin-bottom: 30px;
}
.pageContentFull {
  width: 100%;
}
/* Продукты */
.navMenuPo {
  width: inherit;
}
.container .pageContentTags {
/*   width: 930px; */
}
.homePage .navMenuPo ul li:nth-child(n+5) {
  display: none;
}
.navMenuPo ul li a img,
.itemPoImg {
  height: 100px;
  width: 100%;
  padding: 0px !important;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.itemPoImg img {
  width: 100%;
}

.navMenuPo ul li a span {
  flex-grow: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px !important;
  font: var(--body-M-regular);
}

.itemPoTitle {
  font-weight: 600;
  font-size: 18px;
}

.itemPoDesc {
  color: #8D8D8D;
  font-size: 14px;
}

.ap-btn-select::before,
#favorite_image .send::before {
content: url("./assets/favorites_hide.svg");
}
.ap-btn-select.active::before {
  content: url("./assets/favorites_active.svg");
}

/* Главная */
.searchResult .openAllLink {
  bottom: 0px;
  position: unset;
}
.itemsPoMini {
  display: flex;
  flex-wrap: wrap;
}
.itemPoMini {
  cursor: pointer;
  text-decoration: none;
  background-color: var(--block-color);
  border-radius: 8px;
}
.itemPoMini:last-child {
  margin-right: 0px;
}
.itemPoMini a {
  padding: 15px 20px 17px 15px;
  display: flex;
  color: var(--text-color);
  text-decoration: none;
  height: 100%;
  margin-top: 0px;
}
.itemPoMini img {
  width: 17px;
  height: 17px;
  margin-right: 20px;
}
.itemPoImgMini {
  height: 40px;
  width: 40px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}
.itemPoImgMini img {
  width: 100%;
}


.itemPVerMini {
  font: var(--header-four-regular);
}
.itemPVerMini {
  color: var(--label-color);
  width: 100%;
  display: flex;margin-top: 5px;
}
.itemPVerMini span {
  font: var(--body-S-regular);
  margin-right: 0px;
  margin-left: auto;
}
.itemPoMini a:hover span {
  color: var(--active-item-color);
}
.itemPVerDet {
  margin-left: auto;
  margin-right: 0px;
}
.itemPoTitleMini {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: var(--block-radius);
}

.itemPoDescMini {
  font-weight: 500;
  font-size: 14px;
}

.itemPoTextMini {
  width: 100%;
}
.itemPoTextMini p {
  /*padding: 0px 40px 15px 64px;*/
  font: var(--body-XS-regular);
  position: relative;
}
.itemPoTextMini img,
.itemPTitleMini img {
  margin-left: 8px;
}
/*потом выпилить из вёрстки страницы!!!*/
.apicon-category, .ap-cradit {
	display: none;
}


/* 404 */
.containerNotFound a {
  fill: var(--title-color);
}
.text {
  font-weight: 800;
  font-style: italic;
  font-size: 200px;
  fill: #55D1A8;
  filter: url(#filter);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.text#eroroPagePnFshort,
.errorText#errorTextshort {
  display: none;
}
.errorText#errorTextshort {
  fill: var(--static-light);
}
.text2 {
  fill: #55D1A8;
  filter: url(#filter2);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Tags */

/* Форма ответа*/
/* answer form */
.answer-placeholder {
  margin-top: 20px;
  margin-left: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
}
.answer-placeholder .answerEntry {
  font-family: Commissioner;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  margin-top: 30px;
}
.answer-placeholder .answerEntry a {
  font-family: Commissioner;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--blue-item-color);
}
.answer-placeholder .loginService {
  margin-top: 30px;
}
.answer-placeholder .loginService a {
  width: 100%;
}
.answer-placeholder .loginService a img {
  left: 33%;
}

#single-question apcomment .commentContent {
	padding: 10px 0px;
	border-bottom: 1px solid #EBEBEB;
	margin-left: 10px;
}
#single-question apcomment:first-child .commentContent {
	border-top: 1px solid #EBEBEB;
}

.comment-inner {
	margin-bottom: 0px;
}
.simplefavorite-button,
.favImageBtn {
	border: none;
	background: transparent;
	opacity: 1;
	padding: 0px;
  line-height: 100%;
  cursor: pointer;
  margin: 0px;
}
.itemActionButton .simplefavorite-button {
  margin-top: 8px;
  margin-left: 9px;
}
.simplefavorite-button svg {
  fill: var(--text-color);
}
.favoritesImage .simplefavorite-button svg {
  width: 15px;
  height: 15px;
}
.filterFav .simplefavorite-button svg {
	width: 16px;
	height: 16px;
}
.pageContentSetting #rcl-office {
	margin: 0px;
}
#rcl-office #subtab-profile h3 {
	display: none;
}
#rcl-office #your-profile {
	margin: 20px;
}
#rcl-office #lk-content {
	margin: 0px;
}
#rcl-office #lk-content .recall_content_block {
	padding: 0px;
}
#rcl-office #your-profile .rcl-table__row {
	flex-direction: column;
	background-color: transparent;
	padding: 0px;
	margin-bottom: 40px;
}

#rcl-office #your-profile .rcl-table__cell-w-30 {
	color: #4B4B4B;
	font-size: 14px;
	margin-bottom: 8px;
	padding: 0px;
  line-height: 130%;
}

#rcl-office #your-profile .rcl-table__cell-w-70 {
	padding: 0px;
}
#rcl-office #your-profile .rcl-field-input input:not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]), .rcl-field-input textarea {
	background: #F6F6F6;
	border: none;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: medium;
	border-bottom: 1px solid #565656;
	border-radius: 6px;
	padding: 10px;
	width: 480px;
  line-height: 130%;
}

#rcl-office #your-profile #sendQuestion {
	width: 190px;
	background-position-x: 90%;
}
#rcl-office #your-profile #sendQuestion .rcl-bttn.rcl-bttn__type-primaryt {
	background-color: transparent;
}
#rcl-office #your-profile #profile-field-show_admin_bar_front,
#rcl-office #your-profile .rcl-field-notice i,
#rcl-office #your-profile #sendQuestion i {
	display: none;
}
.pageContentSetting #rcl-avatar img {
  border-radius: 8px;
}
.pageContentSetting #lk-conteyner {
  border: none;
  box-shadow: none;
  width: inherit;
  height: auto;
  display: flex;
}

/* Пагинация*/
.ap-pagination {
  margin-left: auto;
  margin-right: 0;
  width: fit-content;
}
.imagePagination {
  display: flex;
  padding-left: var(--basic-indent);
  padding-right: var(--basic-indent);
  padding-bottom: 30px;
}
apanswersw .imagePagination {
  margin-top: 10px;
}
.ap-pagination a,
.ap-pagination span,
.imagePagination a,
.imagePagination span {
  display: block;
  padding: 4px 0px;
  text-decoration: none;
  font: var(--header-four-regular);
  border-radius: 2px;
  width: 28px;
  height: 28px;
  text-align: center;
}
.ap-pagination a:hover,
.ap-pagination span:hover,
.imagePagination a:hover,
.imagePagination span:hover,
.imagePagination a.prev:hover,
.imagePagination a.next:hover {
  background-color: var(--border-color);
}
.ap-pagination span.current,
.imagePagination span.current {
  background-color: var(--active-item-color);
  color: var(--active-text-color);
  quotes: "<" ">";
  padding: 4px 0px;
}
.imagePagination span.noofoci {
  margin-right: 0px;
  padding: 0;
  font-weight: 300;
  font-size: 22px;
  margin-left: 20px;
  line-height: 125%;
  width: auto;
}
.ap-pagination a.prev,
.imagePagination a.prev {
  border: none;
  background: transparent url('./assets/openQuote.svg') center no-repeat;
  opacity: 1;
}
.ap-pagination a.next,
.imagePagination a.next {
  border: none;
  background: transparent url('./assets/closeQuote.svg') center no-repeat;
  opacity: 1;
}
.pageSearch .imagePagination a.openAllLink {
  position: static;
  width: auto;
  padding: 4px;
}
/* modal.css */
.modal__backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  transition: opacity0 .2s ease-in;
}
/*
.modal__content {
  position: relative;
  width: auto;
  margin: 10px;
  transition: opacity 0.3s ease-in;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
}

@media (min-width: 576px) {
.modal__content {
  max-width: 500px;
  margin: 50px auto;
}
}
*/
.modal__show .modal__backdrop,
.modal__show .modal__content {
  opacity: 1;
  z-index: 1050;
  pointer-events: auto;
  overflow-y: auto;
}

.modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*padding: 15px;
  border-bottom: 1px solid #eceeef;*/
}
/*
.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 1.25rem;
  font-weight: 500;
}

.modal__btn-close {
  float: right;
  font-family: sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
  text-decoration: none;
}
*/
.modal__btn-close:focus,
.modal__btn-close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.75;
}
/*
.modal__body {
  position: relative;
  flex: 1 1 auto;
  padding: 15px;
  overflow: auto;
}

.modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}*/
/* Страница результатов поиска*/
.pageContentSearch {
  margin: 20px 8px 30px 40px;
}
.pageContentSearch .alert {
  padding-left: 20px;
}
.searchResult ul {
  padding-left: 0;
  margin: 0px;
}
.searchResult ul li {
  list-style-type: none;
  margin: 0;
}
.searchResult p {
  margin-bottom: 20px;
}
.searchResult .pageContentMenu div .menuBorder a:hover {
  color: var(--title-color);
}

/* Уведомления */
.pageContentNotification {
  width: 80%;
}
.notificationTitle {
  font-size: 18px;
  font-weight: 500;
  line-height: 125%;
  text-align: left;
  margin-bottom: 20px;
}
.notificationItem {
  text-align: left;
  margin-bottom: 22px;
  display: flex;
}
.notificationItem .profileImage {
  width: 61px;
  height: 61px;
  border-radius: 2px;
  margin-right: 10px;
}
.notificationItem .profileInfo {
  width: 70%;
}
.notificationItem .profileInfo a,
.notificationItem .profileInfo p,
.notificationItem .profileInfo .time {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

button.buttonCopy {
  margin-left: auto;
  margin-right: 0px;
  padding: 0px;
  background-color: transparent;
  position: absolute;
  right: 40px;
}
.testAva p  {
  padding-left:30px;
}
.testAva p input.icon {
  background: url(icon.png) no-repeat center left;
  padding-left:30px;
}
.avatarUpload,
.orgAvatarUpload {
  display: inline-block;
  position: relative;
}
.orgAvatarUpload {
  margin-top: 20px;
}
.orgAvatarUpload form {
  width: fit-content;
}
.avatarUpload label,
.bgUpload label,
.orgAvatarUpload label {
  height: 60px;
  background: var(--c_blue_light_bg);
  outline: 0;
  border: 0;
  width: 100%;
  border-radius: var(--radius10);
  font-family: inherit;
  cursor: pointer;
}
.avatarUpload input,
.bgUpload input,
.orgAvatarUpload input {
  display: none;
}
.orgAvatarUpload input.editAva {
  background: transparent;
  border: none;
  color: var(--active-item-color);
  cursor: pointer;
  /*  display: block; */
  margin-left: auto;
  margin-right: auto;
}
.avatarUpload p,
.orgAvatarUpload p {
  text-align: center
}

/* menu */
#menuz,
#menu-burger {
  display: none;
}

@media (max-width: 1210px) {
  .containerMenu {
/*     width: 200px; */
  }
  .searchContainer input {
    width: 660px;
  }
  :root {
    --wrap_width: 1100px;
    --container_width: 800px;
    --content_width: 600px;
  }
}

@media (max-width: 991px) {
  footer {
    flex-direction: column;
    height: auto;
  }
  .wrap {
    flex-direction: column;
    padding: 20px;
  }
  .containerMenu {
    width: 100%;
    display: flex;
  }
  .containerMenu #navMenu {
    display: none;
  }
  .containerMenu .title,
  .containerMenu .menuBurger {
  /*   width: 50%; */
    margin: 0px;
    padding: 0 5px;
  }/*
#menu-burger {
  display: flex;
  margin-left: auto;
  margin-right: 0;
  background: url('./static/menu-icon.svg') no-repeat center;
  background-size: auto;
  display: block;
  border: none;
  cursor: pointer;
  width: 32px;
  height: 18px;
  background-size: 100%;
}
#menuz {
  display: flex;
  position: absolute;
  width: 100%;
  background-color: var(--active-item-color);
  color: #fff;
  top: 0;
  z-index: 999;
  left: 100%;
  transition: left .5s linear;
}
#menuz .container {
  padding-top: 30px;
  padding-left: 8%;
  padding-right: 8%;
  padding-bottom: 10%;
  flex-direction: column;
}
#menuz .closer-menu {
  position: absolute;
  right: 39px;
  top: 39px;
  display: block;
  border: none;
  background: url(./static/closer.svg) center no-repeat;
  background-size: auto;
  -webkit-background-size: 100%;
  background-size: 100%;
  width: 10px;
  height: 10px;
  cursor: pointer;
  transition: all 0.3s;
}*/

  .searchContainer div {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 20px;
    width: 100%;
  }
  .searchContainer input {
    width: 100%;
  }
  /*.searchContainer .searchButton {
    top: 20%;
  }*/
  .searchContainer a {
    margin-top: 15px;
    margin-left: 0px;
  }
  .slideCount {
    bottom: 15px;
  }
  .circleActive {
    bottom: 17px;
  }/*
  .itemsPo {
    display: flex;
    flex-direction: column;
  }
  .itemsPo .itemPo .itemPoImage {
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .itemsPoMini {
    flex-direction: column;
  }
  .itemPoMini {
    width: 100%;
    margin: 0 0 30px 0;
  }*/
  .news {
    flex-direction: column;
  }
  .itemNews {
    width: 100%;
  }
  .itemNews .itemNewsImage {
    height: auto;
  }
}

@media (max-height: 770px) {
  .containerMenu .navMenu .sub-menu {
    display: none;
  }
}

@media (max-width: 400px) {
  :root {
    --topTitle_height: 62px;
    --basic-indent: 20px;
    --image-avatar-size: 60px;
    --footer_height: 168px;
  }
  .site {
    height: 100%;
    max-width: 100%;
    width: 100vH;
    margin: 0px;
  }
  html {
    overflow-y: auto;
  }
  .wrapgrid{
    overflow-x: hidden;
  }
  .app {
    margin: 0px;
    width: 100%;
  }
  .wrap {
    position: static;
    width: 100%;
    padding: 0px;
  }
  .containerMenu {
    display: none;
  }
/* Общее для страниц */
  .containerContent {
    position: static;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow-y: auto;
  }
  .borderContent {
    background-color: var(--page-color);
    border: none;
    border-radius: 0;
  }
  .pageContentMain {
    width: 100%;
  }
  .pageContentScrol {
    overflow-y: hidden;
    margin: 10px var(--basic-indent) 10px var(--basic-indent);
    padding-right: 0px;
  }
  .pageContentTags {
    display: none;
  }
  .topTitle.mobile,
  .homePage .topTitle.mobile {
    display: flex;
    flex-direction: row;
    padding: 17px var(--basic-indent) 19px var(--basic-indent);
    background-color: var(--primary-color);
    color: var(--static-light);
    font: var(--header-three-regular);
    border-bottom: none;
  }
  .titlePage {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
  }
  .titlePage div {
    margin: auto 0px;
    line-height: normal;
    color: var(--static-light);
  }
  .titlePage div.refButton {
    display: block;
  }
  .titlePage .buttonBackEmpty {
    display: none;
  }
  .titlePage .buttonAsk,
  .pageEntry .titlePageSearch,
  .ociSinglePage .titlePage .titlePageText.mobile a:first-child,
  .vmSinglePage .titlePage .titlePageText.mobile a:first-child,
  .spanSlesh.mobile {
    display: none;
  }
  .titlePage .titlePageText a:last-child {
    color: var(--static-light);
  }
  .titlePage div a img {
    width: 108px;
    height: 26px;
  }
  .titlePage div a img.homeButton {
    width: auto;
    height: auto;
    padding-right: 16px;
  }
  .homePage .titlePage div a img.homeButton {
    display: none;
  }
  .titlePageSearch {
    width: auto;
    margin: 0px;
  }
  .searchContainer {
    margin: 0px 10px 0px 0px;
    width: auto;
    height: 100%;
    background-color: transparent;
  }
  .searchContainer .searchDropdownSelect {
    display: none;
  }
  .searchContainer .searchForm {
    border-radius: var(--input-radius);
    background-color: transparent;
    width: auto;
  }
  .searchContainer .searchForm:has(input.searchformInput:focus) {
    width: 100%;
  }
  .searchContainer input {
    width: 46px;
    padding: 0px 0px 0px 10px;
    border-radius: var(--input-radius);
    background-position-x: right 5px;
    background-color: transparent;
    color: var(--static-light);
  }
  .searchContainer input:placeholder-shown {
    color: transparent;
  }
  .homePage .searchContainer input {
    background-color: var(--primary-color);
  }
/*   Заголовок страницы + меню */
  .topTitle.mobile .mobileSearch,
  .topTitle.mobile .mobileMenu {
    display: flex;
  }
  .topTitle.mobile .mobileMenu {
    margin-left: 0px;
  }
  .mobile .titlePage .titlePageText a,
  .mobile .titlePage .titlePageText a:first-child:last-child,
  .mobile .titlePage .titlePageText a .spanSlesh,
  .topTitle span.longName,
  .topTitle span.shortName {
    color: var(--static-light);
  }
  .mobile .titlePage .buttonBack svg {
    fill:  var(--static-light);
  }
  .navMenu li.menuFavorites,
  .navMenu li.menuSettings,
  .navMenu li.menuProfile,
  .navMenu li.menuOrganization {
    display: none;
  }
  .navMenu.userMenu {
    position: static;
    margin-bottom: var(--basic-indent);
  }
  #menu-burger {
  background: url('./assets/menu/burger.svg') no-repeat center;
  display: block;
  border: none;
  cursor: pointer;
  width: 26px;
  height: 26px;
  background-size: 100%;
  }
  #menuz {
  width: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: var(--primary-color);
  color: var(--label-color);
  top: 62px;
  z-index: 999;
  left: 100%;
  transition: left .5s linear;
  }
  #menuz .navMenuMobile {
  display: flex;
  }
  #menuz .textFooter {
  margin: 0px auto;
  }
/*   Главная */
  .titlePage div.mobileHome {
    display: flex;
  }
  .homepageHead {
    height: 300px;
  }
  .homepageHeadImage {
    position: relative;
    top: 0px;
    opacity: 1;
    min-height: 300px;
    height: 100%;
  }
  .homepageHeadImage img {
    position: relative;
    height: 100%;
    left: -40%;
  }
  .homepageHeadLogo {
    left: 30px;
    top: 76px;
  }
  .homepageHeadmLogo img {
    width: 237px;
  }
  .homepageHeadDesc {
    font: var(--body-M-regular);
    left: 40px;
    top: 163px;
  }
  .homePageBlock {
    border-top: none;
  }
  .homePageBlock.flex {
    flex-direction: column;
  }
  .homePageBlock .titleBlock {
    padding: var(--basic-indent);
  }
  .homePage .titleBlock p {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .homePageBlock.flex .openAllLink {
    position: absolute;
    right: var(--basic-indent);
  }
  .homePage .itemsPo {
    margin: 0px 40px 30px 40px;
    flex-direction: column;
  }
  .homePage .itemPo:nth-child(2n) {
    display: none;
  }
  .itemPo {
    height: 186px;
    width: 100%;
    margin: 0 auto 0 auto;
    border-radius: var(--block-radius);
  }
  .itemsPo .itemPo .itemPoImage {
    height: 138px;
  }
  .homePage .community {
    height: 190px;
    background-size: cover;
  }
  .homePage .community .communityDesc {
    margin: 30px 30px 0px 30px;
    font: var(--body-M-regular);
  }
  .homePage .community .communityDesc p {
    margin-bottom: 10px;
  }
  .homePage .community a {
    margin: auto;
    margin-bottom: var(--basic-indent);
  }
  .homePage .container {
    border-bottom:1px solid var(--border-color);
  }
  .homePage .itemsPoMini {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-gap: var(--basic-indent);
  }
  .homePage .itemPoMini:nth-child(4) {
    display: none;
  }
  .homePage .newsarts {
    display: none;
  }
  footer .appd {
    flex-direction: column;
    margin: var(--basic-indent);
  }
  footer .textFooter {
    font: var(--body-XS-regular);
    color: var(--footer-color);
    margin: 0px;
    text-align: center;
  }
/* Образы *//* Контейнеры */
  .pageContentMenu div .menuDisplay,
  .pageContentMenu div .menuBorder a span,
  .itemImageListName span {
    display: none;
  }
  .itemsPoMiniflex {
    margin-bottom: var(--basic-indent);
  }
  .itemImageListText {
    flex-direction: column;
  }
  .itemImageListDesc {
    flex-direction: row;
    margin-left: 0px;
    justify-content: space-between
  }
  .itemImageListDate {
    margin-left: 0px;
  }
  .itemImageListOwner {
    margin-top: 0px;
  }
/* Страница образа *//* Страница контейнера */
.itemImageInfo {
  width: 100%;
}
.itemImageTitle {
    flex-direction: column-reverse;
    border-bottom: none;
    padding-left: 0px;
    padding-right: 0px;
  }
  .ociSinglePage .titlePage .titlePageText a:not(:first-child),
  .vmsSinglePage .titlePage .titlePageText a:not(:first-child),
  .qasPage .titlePage .titlePageText a:not(:first-child),
  .prodsSinglePage .titlePage .titlePageText a:not(:first-child) {
    display: none;
  }
  .itemImageListMetaDown,
  .itemImageListMetaFav,
  .headImageState .downloadBotton,
  .itemImageDiscuss {
    display: none;
  }
  .itemImageListMetaDown.stars {
    padding: 0px;
    display: flex;
    background-color: transparent;
    font: var(--body-M-regular);
    padding-left: 30px;
    margin: 15px 0px;
  }
  .star {
    width: 20px;
    height: 20px;
  }
  .itemImageListMetaDown.stars div {
    font: var(--body-M-regular);
    margin-left: 5px;
    display: flex;
    align-items: center;
  }
  .headImageState {
    margin-left: 0px;
    border-bottom: var(--border-color) 1px solid;
  }
  .headImageState .downloadBotton {
    margin: 10px 0px 10px auto;
  }
  .headImageTitleText {
    font: var(--header-four-medium);
  }
  .headImageTitle {
    padding: 0px var(--basic-indent);
    margin: 15px 0px;
  }
  .headImageTitleState {
    margin-left: auto;
    margin-right: 0px;
  }
  .headImageCommon {
    margin-top: 10px;
  }
  .headImageDesc,
  .headImageInfo .pageContentMenu {
    margin-top: 0px;
  }
  .headImageText .itemImageListMetaPrvdr {
    width: 130%;
    position: relative;
    left: -90px;
    margin-top: 30px;
  }
  .headImageText .itemImageListMetaPrvdr .itemProvider {
    margin-bottom: 10px;
  }
  .headImageAvatar {
    width: 75px;
    height: 60px;
    margin-right: 30px;
    margin-top: 0px;
  }
  .description .pageContentMain {
    flex-direction: column;
  }
  .pageContentMenu div .menuBorder {
    font: var(--body-M-regular);
    margin-right: var(--basic-indent);
  }
  .itemImageDesc {
    margin: var(--basic-indent);
    width: auto;
  }
  .pageContentOci .itemImageDesc p {
    padding: 0px;
    width: 100%;
    margin: 0px;
  }
  .itemImageContent {
    height: 100%;
  }
  .itemImageVersions {
    overflow-y: hidden;
    margin-bottom: var(--basic-indent);
  }
  .itemImageVersion {
    padding: 15px;
  }
  .itemImageVersionInfo {
    flex-direction: column;
  }
  .itemImageVersionButton {
    margin-top: var(--basic-indent);
  }
  .itemProvider:nth-child(n+5) {
    display: none;
  }
  .itemImageVersionAction {
    display: none;
  }
  .itemImageInstructions {
    display: none;
    border-left: none;
    border-top: var(--border-color) 1px solid;
  }
  .itemImageCurVersionInstructions {
    width: 100%;
  }
  .bodyPopup {
    padding: var(--basic-indent);
  }
  .headPopupProviderNo,
  .headPopupProviderArch {
    width: calc( ( 100% - 15px ) / 3 );
  }
  .headPopupProviderNo {
    margin-right: 15px;
  }
  .headPopup .headPopupProviderSize {
    margin-right: 0px;
  }
  .providerList select,
  .downloadBotton select {
/*     padding-right: 55px; */
    display: block;
    padding: .6em 1.4em .5em .8em; width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
  }
  .profileImagesLicenseInfo .buttonDownload {
    height: auto;
  }
  .itemImageLicenseContent {
    flex-direction: column;
    padding: var(--basic-indent);
  }
  .itemImageLicense {
    padding-left: 30px;
  }
  .itemImageShedule {
    margin: var(--basic-indent);
    padding: var(--basic-indent);
  }
/*   Вопросы */
  .qasListPage .pageContentMenu {
    border-bottom: none;
  }
  .pageContentMenu div.menuFull {
    display: none;
  }
  .pageContentMenu div.menuMobile {
    display: flex;
    height: 100%;
    margin: 0px;
    padding-right: var(--basic-indent);
  }
  .pageContentMenu div.menuMobile .buttonAsk {
    margin: auto;
    margin-bottom: 0px;
    display: inline;
    line-height: 42px;
    height: auto;
  }
  .questionContainer .itemQuestion,
  .questionContainer .panelQuestion,
  .containerQuestion {
    flex-direction: column;
  }
  .questionContainer .contentQuestion,
  .questionContainer .infoQuestion {
    width: 100%;
  }
  .ratingQuestion {
    margin-bottom: 10px;
  }
  .questionContainer .infoQuestion .infoQuestionInfo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }
  .questionContainer .infoQuestion .infoQuestionInfo a {
    margin: 0px;
  }
  .questionContainer .infoQuestion .infoQuestionAnswer {
    display: flex;
    width: 100%;
    margin-top: 7px;
    margin-bottom: 15px;
  }
  #form_question {
    padding-right: 0px;
  }
  .panelQuestion .listTags .itemTags a {
    margin-bottom: 10px;
  }
/*   Продукты */
  .containerContent .fontImage {
    width: 100%;
  }
  .headPo {
    height: 100%;
  }
  .headPoInfo {
    position: static;
    padding-top: var(--basic-indent);
  }
  .headPoInfoItem {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 10px;
  }
  .headPoInfoItemTitle {
    font: var(--header-five-medium);
    margin-bottom: 0px;
  }
  .headPoInfoItemValue {
    font: var(--body-S-regular);
    display: flex;
  }
  .headPoTitle {
    margin-top: var(--basic-indent);
  }
  .prodsPage .prodsDesc br {
    display: none;
  }
  .prodsPage .itemsPo {
    margin: var(--basic-indent) var(--basic-indent) 0px var(--basic-indent);
    flex-direction: column;
  }
  .productDiscription {
    padding-right: 0px;
    padding-left: 0px;
  }
  .PoItemDesc p {
    width: 100%;
  }
  .prods .itemsPoMini {
    display: flex;
    flex-direction: column;
  }
  .productVariation {
    display: none;
  }
  .productSupport {
    display: none;
    padding: 10px 0px;
  }
  .productVariationTable,
  .prodSupport {
    padding: 10px;
  }
  .descriptionPoItem .productVariation table th,
  .descriptionPoItem .productVariation table td,
  .prodReleaseName {
    font: var(--body-XS-regular);
  }
  .descriptionPoItem .productVariation table th {
    transform: rotate(-90deg);
  }
  .descriptionPoItem {
    padding-bottom: 0px;
  }
  .descriptionPoItem.PoItemNews {
    padding-left: var(--basic-indent);
  }
/*   Вход */
  .descEntryForm,
  .entryForm {
    margin: var(--basic-indent);
    width: auto;
  }
  .groupInput input,
  .login-username input,
  .login-password input,
  .itemImageDescForm textarea,
  .profileDescForm textarea,
  .groupInputLicense textarea,
  .politics {
    width: 100%;
  }
/*   Результаты поиска */
  .portalSearchByPage .titlePage {
    width: auto;
  }
  .portalSearchByPage .titlePageText {
    display: none;
  }
/*   Пагинация */
  .imagePagination > * {
    margin: 0px auto;
  }

/* 404 */
  .containerNotFound svg {
    margin-top: 80px;
    width: 100%;
    height: 620px;
  }

  .text#eroroPagePnFshort,
  .errorText#errorTextshort {
    display: block;
  }
  .text#eroroPagePnF,
  .errorText#errorText,
  #eroroPageRight,
  #eroroPageLeft {
    display: none;
  }
}