/* Содержание в определенных разделах тем. Стиль. Сделано Kolobdur. Версия 1.8. 
-------------------------------------------------------------------------------*/

/* 1 */
.catalog {
  margin-top: 14px;
}

/* 2 */
.catalog h2 {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #FFF;
  background: url(https://forumstatic.ru/files/001a/ad/c5/43420.jpg) #8EA1BC;
}

/* 3 */
.catalog-title {
  padding-left: 10px;
}

/* 4 */
.catalog-toggle {
  transition: transform .2s;
  margin-right: 10px;
}

/* 5 */
.catalog.collapsed .catalog-toggle {
  transform: rotate(-90deg);
}

/* 6 */
.catalog-body {
  margin: 4px 10px 10px;
}

/* 7 */
.catalog.collapsed .catalog-body {
  display: none;
}

/* 8 */
.catalog-search {
  width: 100%;
  margin-bottom: 8px;
  padding: 4px;
}

/* 9 */
.catalog-group {
  margin-bottom: 10px;
}

/* 10 */
.catalog-group-title {
  font-weight: bold;
  margin-top: 8px;
  scroll-margin-top: 30px; /* подстрой под высоту панели */
}

/* 11 */
.catalog-group-title.active {
  background: #e6f4ff;
  border-left: 3px solid #bfe4ff;
  padding-left: 6px;
}

/* 12 */
.catalog ul {
  margin: 0 0 0 15px;
  list-style: inside i;
}

/* 13 */
.catalog li {
  list-style: inherit;
}

/* 14 */
.catalog-letters {
  position: sticky;
  top: 0;
  z-index: 5;
  padding: 4px 0;
  margin-bottom: 2px;
  font-size: 12px;
  background: #FFF url(https://forumstatic.ru/files/001a/ad/c5/57877.jpg) repeat;
  border: 1px solid #E0E7EF;
}

/* 15 */
.catalog-letters span {
  cursor: pointer;
  margin-right: 5px;
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;
  transition: background .2s, color .2s;
}

/* 16 */
.catalog-letters span:hover {
  background: #d8efff;
}

/* 17 */
.catalog-letters span.active {
  background: #bfe4ff;
  color: #000;
}