/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/
/* Examples (uncomment to use):*/
/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */
/* Set site background image */
/* body {  background: url(image_source) top no-repeat; } */
/* Hide compare button */
/* a.compare_item { display: none !important;  }*/

/* Confidence Group: keep the primary text black across Aspro updates. */
:root {
  --basic_text_black: #000;
}

body {
  color: #333;
}

.appSimpleBitrixEdit:before {
  content: '';
  height: 20px;
  width: 20px;
  position: absolute;
  background: url('../images/edit2.png') 50% 50% no-repeat;
  bottom: 5px;
  right: 5px;
}

 .sort{
 display: none !important; 
 } 
.topic__heading #pagetitle {
    vertical-align: baseline;
}

.bottom-menu a.sub1,
.bottom-menu a.sub1:hover {
  color: #999 !important;
  font-size: 11px;
}

/* Keep long advantage titles inside their grid columns. */
.brand-list-inner__content-wrapper {
  min-width: 0;
}

.brand-list-inner__name {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/*
 * Keep mobile overlays inside the visual viewport. In mobile Chromium a fixed
 * element sized with 100% can use the wider layout viewport and make the whole
 * page horizontally scrollable.
 */
@media (max-width: 767px) {
  html {
    overflow-x: hidden;
    overflow-x: clip;
  }

  .inline-search-block.fixed,
  .bottom-icons-panel,
  .dyn_mp_jqm_frame.TEXT,
  .b24-widget-button-shadow {
    left: 0 !important;
    right: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }

  /* The compact header share control already has a separate visible icon. */
  .page-top .share.top .text.button.transparent {
    display: none;
  }

  /*
   * Content editors use wide data tables in service descriptions and
   * publications. Keep each table inside its text column instead of widening
   * the whole page.
   */
  .detail.blog .detail-block .content > table,
  .catalog-detail .tab-content .content > table {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /*
   * Historical publications contain full URLs and text joined with nonbreaking
   * spaces. Let those specific inline elements wrap on narrow screens.
   */
  .detail.blog .detail-block .content a,
  .detail.blog .detail-block .content b,
  .detail.blog .detail-block .content strong {
    overflow-wrap: anywhere;
  }
}