.product-item-container {
  width: 100%!important;
}
.page-header {
  margin-top: 0!important;
  margin-bottom: 0px!important;
  padding-bottom: 0!important;
  border-bottom: 0!important;
}

.filter-section .bonus-shop-btn {
  padding: 5.5px 20px;
  border: 1px solid #eef2f4;
  border-radius: 100px;
  outline: none;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  color: #525c69;
  background: #eef2f4;
}

.filter-section .bonus-shop-btn:focus {
  outline: none;
}

.filter-section .bonus-shop-btn.active {
  border-color: #2066B0;
  color: #2066B0;
  background: #ffffff;
}

.bonus-block-inner .row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.bonus-block-inner .row > div {
  display: flex;
  flex-wrap: wrap;
}

.bonus-block-inner .col-lg-3 {
  display: flex;
  margin-bottom: 26px;
}

@media only screen and (max-width: 1550px) {
  .bonus-block-inner .col-lg-3 {
    width: 50% !important;
  }
}
@media only screen and (max-width: 767px) {
  .bonus-block-inner .col-lg-3 {
    width: 100% !important;
  }
}

.bonus-block-inner .filter-section {
  margin-bottom: 19px;
  display: flex;
}

.bonus-block-inner .filter-section .bonus-shop-btn:last-of-type {
  margin-right: 0;
}
.bonus-block-inner .filter-section .bonus-shop-btn_categories:last-of-type {
  margin-right: 0;
}
.bonus-block-inner .catalog-top {
  display: flex;
  flex-wrap: wrap;
  padding-top: 11px;
}

/*
 * The storefront grid: as many columns as fit cards of at least 280px - the same count as
 * the fixed 280px columns of the stable version at any width (three at 1536px with the
 * menu open or collapsed, so the button captions fit) - and the columns share the whole
 * row (1fr) instead of leaving an empty band on the right.
 * The gap between cards is the same 20px both ways and equals the inset of the section
 * body (ui-section__row, padding 0 20px).
 */
.bonus-block-inner .catalog-top.catalog-top-bonus-shop{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: var(--ui-space-inline-lg, 20px);
    padding-top: 0;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* The width of a card is the width of its cell (or of its share of the dashboard row):
   no cap of its own, or the cell/share is wider than the card and the rest stays empty. */
.bonus-product-wrap{
  min-height: 227px;
  height: 100%;
  min-width: 0;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

.bonus-product-category {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #828B95;
  height: 20px;
  overflow: hidden;
}

.bonus-product-item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #E6E7E9;
  border-radius: 4px;
  height: 100%;
  background: transparent;
  min-width: 0;
  max-width: 100%;
}

.bonus-product-item .bonus-product-image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #E5EBED;
}

.bonus-product-item .bonus-product-image.bonus-product-image-slider {
  position: relative;
  overflow: hidden;
  height: 220px;
  min-width: 0;
  max-width: 100%;
  background: #E5EBED;
}

.bonus-product-image-slide {
  height: 220px;
  padding: 0;
}

.bonus-product-image-slide-bg {
  display: block;
  width: 100%;
  height: 220px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #E5EBED;
}

.bonus-product-image-slider.empty-pic .bonus-product-image-slide-bg {
  background-size: unset;
}

.bonus-product-image-slider .bonus-product-image-slider-list,
.bonus-product-image-slider .bonus-product-image-slider-list.slick-slider {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.bonus-product-image-slider .slick-list,
.bonus-product-image-slider .slick-track {
  height: 220px;
}

.bonus-product-image-slider .slick-list {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.bonus-product-image-slider .slick-slide {
  margin-right: 0;
}

.bonus-product-image-slider .slick-slide > div {
  height: 220px;
  width: 100%;
}

.bonus-product-slider-controls {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  z-index: 4;
  min-height: 14px;
  padding: 0 8px;
  box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.22s ease, visibility 0.22s ease;
}

.product-item-container:hover .bonus-product-slider-controls,
.product-item-container.hover .bonus-product-slider-controls {
  opacity: 1;
  visibility: visible;
}

.bonus-product-slider-controls > * {
  pointer-events: auto;
}

.bonus-product-image-slider--single .bonus-product-slider-controls {
  display: none;
}

.bonus-product-image-slider::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 88px;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(16, 24, 40, 0) 0%, rgba(16, 24, 40, 0.52) 100%);
}

.bonus-product-image-slider-arrow {
  position: relative;
  width: 7px;
  height: 11px;
  min-width: 7px;
  min-height: 11px;
  border: none;
  padding: 0;
  background: transparent;
  color: transparent;
  cursor: pointer;
  opacity: 1;
  line-height: 0;
  font-size: 0;
}

.bonus-product-image-slider-arrow::before {
  content: '';
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.bonus-product-image-slider-arrow--prev::before {
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 9.42857L2.625 5.5L7 1.57143L6.125 0L0 5.5L6.125 11L7 9.42857Z' fill='white' fill-opacity='0.302'/%3E%3C/svg%3E");
}

.bonus-product-image-slider-arrow--next::before {
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 9.42857L4.375 5.5L0 1.57143L0.875 0L7 5.5L0.875 11L0 9.42857Z' fill='white' fill-opacity='0.302'/%3E%3C/svg%3E");
}

.bonus-product-slider-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  flex: 0 1 auto;
}

.bonus-product-slider-dots .slick-dots {
  list-style: none;
  margin: 0;
  padding: 0;
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: auto;
  max-width: 100%;
  overflow: hidden;
  text-align: initial;
}

.bonus-product-image-slider .slick-dots li {
  margin: 0;
  padding: 0;
  line-height: 0;
}

.bonus-product-image-slider .slick-dots li button {
  font-size: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: none;
  padding: 0;
  background: rgba(255, 255, 255, 0.302);
  cursor: pointer;
}

.bonus-product-image-slider .slick-dots li.slick-active button {
  width: 30px;
  height: 6px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.702);
}

.bonus-product-image-slider .slick-dots li button::before {
  display: none;
}

.bonus-product-image-slider .slick-arrow.slick-disabled {
  opacity: 0.4;
}

.bonus-product-item .product-item-button-container {
  display: flex;
  align-items: stretch;
  gap: var(--ui-space-inline-xs, 8px);
  padding-top: var(--ui-space-stack-2xs, 4px);
}

.bonus-product-item .product-item-button-container .bonus-shop-btn {
  flex: 1 1 auto;
  width: auto;
  max-width: 100%;
  white-space: normal;
  height: auto;
}

.bonus-product-item .product-item-button-container .bonus-shop-btn.bonus-shop-btn-not_enough.ui-btn.ui-btn-primary.--air.--style-filled,
.bonus-shop-btn.bonus-shop-btn-not_enough.ui-btn.ui-btn-primary.--air.--style-filled {
  --ui-color-design-filled-bg: #0D75FF;
  --ui-btn-background: #0D75FF;
  --ui-btn-background-hover: #0D75FF;
  --ui-btn-background-active: #0D75FF;
  --ui-btn-border-color: #0D75FF;
  --ui-btn-border-color-hover: #0D75FF;
  --ui-btn-border-color-active: #0D75FF;
  opacity: 0.4;
  pointer-events: none;
  cursor: default;
}

.bonus-product-item .product-item-button-container .bonus-shop-settings-button {
  flex: 0 0 auto;
  margin: 0;
}

/* The price and the buttons end the card: pinned to its bottom they stand on one line
   across a row of cards, whatever the length of the name or the number of offer
   selectors. The free room of a shorter card goes above the price. */
.bonus-product-item .product-item-price-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: auto 0 0 !important;
}

.bonus-product-item .product-item-price-container .product-item-price-current {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #333333;
}

.bonus-product-item-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 135%;
  text-overflow: ellipsis;
  color: #333333;
  /* Three lines are reserved, as in the stable version: the titles of a row start and
     the offer selectors under them start on one line, whatever the length of the name. */
  height: calc(1.35em * 3);
  flex-shrink: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* A long word without spaces is broken instead of running past the edge of the card
     (line-clamp limits lines, not their width). */
  overflow-wrap: anywhere;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.bonus-container {
  display: grid;
  grid-template-columns: 350px minmax(0, 1fr);
  gap: 20px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.bonus-container.row {
  margin-left: 0;
  margin-right: 0;
}

.bonus-container > * {
  min-width: 0;
  max-width: 100%;
}

.bonus-block {
  border-radius: 10px;
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid #eef2f4;
  background: #ffffff;
  margin-right: 20px;
  min-width: 0;
  max-width: 100%;
}

@media only screen and (max-width: 991px) {
  .bonus-container {
    grid-template-columns: 1fr;
  }

  .bonus-block {
    margin-right: 0;
  }

  .page-navigation {
    margin-right: 0 !important;
  }
}

.bonus-block__gap-small {
  margin-bottom: 10px;
  margin-right: 0;
}
.page-navigation{
margin-right: 20px!important;
}
.bonus-block-head {
  display: grid;
  grid-template-columns: auto 20px;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #eef2f4;
}

.bonus-block-title {
  padding-bottom: 16px;
  border-bottom: 1px solid #eef2f4;
  font-size: 18px;
  line-height: 135%;
  color: #333;
  font-weight: 600;
  margin:0;
  margin-bottom: 20px;
}

.bonus-block-head .bonus-block-title {
  margin: 0;
  padding: 0;
  border: none;
  line-height: normal;
}

.bonus-block-link {
  width: 20px;
  height: 20px;
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_2991_5376)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.25 10C1.25 12.3206 2.17187 14.5462 3.81282 16.1872C5.45376 17.8281 7.67936 18.75 10 18.75C12.3206 18.75 14.5462 17.8281 16.1872 16.1872C17.8281 14.5462 18.75 12.3206 18.75 10C18.75 7.67936 17.8281 5.45376 16.1872 3.81282C14.5462 2.17187 12.3206 1.25 10 1.25C7.67936 1.25 5.45376 2.17187 3.81282 3.81282C2.17187 5.45376 1.25 7.67936 1.25 10ZM20 10C20 12.6522 18.9464 15.1957 17.0711 17.0711C15.1957 18.9464 12.6522 20 10 20C7.34784 20 4.8043 18.9464 2.92893 17.0711C1.05357 15.1957 0 12.6522 0 10C0 7.34784 1.05357 4.8043 2.92893 2.92893C4.8043 1.05357 7.34784 0 10 0C12.6522 0 15.1957 1.05357 17.0711 2.92893C18.9464 4.8043 20 7.34784 20 10ZM5.625 9.375C5.45924 9.375 5.30027 9.44085 5.18306 9.55806C5.06585 9.67527 5 9.83424 5 10C5 10.1658 5.06585 10.3247 5.18306 10.4419C5.30027 10.5592 5.45924 10.625 5.625 10.625H12.8663L10.1825 13.3075C10.1244 13.3656 10.0783 13.4346 10.0468 13.5105C10.0154 13.5864 9.99921 13.6678 9.99921 13.75C9.99921 13.8322 10.0154 13.9136 10.0468 13.9895C10.0783 14.0654 10.1244 14.1344 10.1825 14.1925C10.2406 14.2506 10.3096 14.2967 10.3855 14.3282C10.4614 14.3596 10.5428 14.3758 10.625 14.3758C10.7072 14.3758 10.7886 14.3596 10.8645 14.3282C10.9404 14.2967 11.0094 14.2506 11.0675 14.1925L14.8175 10.4425C14.8757 10.3844 14.9219 10.3155 14.9534 10.2395C14.9849 10.1636 15.0011 10.0822 15.0011 10C15.0011 9.91779 14.9849 9.83639 14.9534 9.76046C14.9219 9.68453 14.8757 9.61556 14.8175 9.5575L11.0675 5.8075C11.0094 5.74939 10.9404 5.70329 10.8645 5.67185C10.7886 5.6404 10.7072 5.62421 10.625 5.62421C10.5428 5.62421 10.4614 5.6404 10.3855 5.67185C10.3096 5.70329 10.2406 5.74939 10.1825 5.8075C10.1244 5.86561 10.0783 5.9346 10.0468 6.01052C10.0154 6.08644 9.99921 6.16782 9.99921 6.25C9.99921 6.33218 10.0154 6.41356 10.0468 6.48948C10.0783 6.5654 10.1244 6.63439 10.1825 6.6925L12.8663 9.375H5.625Z' fill='%23A8ADB4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2991_5376'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center/contain no-repeat;
}

.col-md-3.custom-col {
  flex: 1 0 350px;
  padding-right: 8px;
  padding-left: 8px;
  width: 350px;
  max-width: 350px;
}

/* aside */
.bonus-block-aside-item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
  padding-bottom: 19px;
  border-bottom: 1px solid #e6e6e6;
}

.bonus-block-aside-item__50 {
  display: flex;
}

.intranet-user-profile .bonus-block-aside-item__50 {
  display: flex;
  flex-wrap: wrap;
}

.gf-widget-container .bonus-block-aside-item__50 {
  flex-wrap: wrap;
}

.bonus-block-aside-item__50 > div {
  flex: 1;
  padding-left: 15px;
  border-right: 1px solid #e6e6e6;
}

.intranet-user-profile .bonus-block-aside-item__50 > div {
  flex: 1 0 50%;
  padding-left: 10px;
  border-right: 1px solid #e6e6e6;
  width: 50%;
  max-width: 50%;
}

.gf-widget-container .bonus-block-aside-item__50 > div {
  flex: 1 0 50%;
  width: 50%;
  max-width: 50%;
}

.bonus-block-aside-item__50 > div:first-of-type {
  padding-left: 0;
}

.bonus-block-aside-item__50 > div:last-of-type {
  border-right: 0;
}

.bonus-block-aside-item__side {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 14px;
}

.bonus-block-no-border .bonus-block-aside-item__side {
  padding-left: 8px;
}

.bonus-block-aside-item__side > div {
  flex: 1 0 100%;
  width: 100%;
  max-width: 100%;
}

.bonus-block-aside-item__normal {
  font-size: 15px;
  line-height: 23px;
  color: #525c69;
}

.bonus-block-no-border .bonus-block-aside-item__normal {
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 135%;
}

.bonus-block-aside-item__grey {
  font-size: 12px;
  line-height: 19px;
  color: #a5adb3;
}

.bonus-block-no-border .bonus-block-aside-item__grey {
  line-height: 135%;
}

.bonus-block-aside-item__grey-bold {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #8E9299;
}

.bonus-block-no-border .bonus-block-aside-item__grey-bold {
  margin-bottom: 10px;
  line-height: 135%;
  color: #a8adb4;
}

.bonus-block-aside-item__dark-bold {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  color: #525c69;
}

.bonus-block-no-border .bonus-block-aside-item__dark-bold {
  font-size: 18px;
}

.bonus-block-aside-item__dark {
  font-size: 16px;
  line-height: 16px;
  color: #525c69;
}

.bonus-block-aside-item__user-bold {
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  color: #414141;
}

.bonus-block-aside-item__user-normal {
  font-size: 12px;
  line-height: 16px;
  color: #6d6d6d;
}

.bonus-block-aside-item__small {
  font-size: 13px;
  line-height: 18px;
  color: #525c69;
}

.bonus-block-aside-item__user {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 11px;
  padding: 10px;
  padding-bottom: 14px;
  border-radius: 4px;
  background: #eef2f4;
}

.bonus-block-aside-item__user img {
  border-radius: 50%;
  width: 33px;
  height: 33px;
  object-fit: cover;
}

.bonus-block-aside-item__user-side {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 11px;
}

.bonus-block-aside-item__user-side > div {
  flex: 1 0 100%;
  width: 100%;
  max-width: 100%;
}

.d-flex-middle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.d-flex-middle .icon {
  margin-left: 6px;
}

.def-link {
  font-size: 13px;
  line-height: 18px;
  text-decoration-line: underline;
}

.modal-bonus-control-panel {
  position: absolute;
  z-index: 10000;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 0 !important;
  padding: 16px 20px;
  width: 100%;
  box-sizing: border-box;
  background: var(--ui-color-bg-content-primary, #ffffff);
  box-shadow: 0 1px 14px rgba(0, 0, 0, 0.09);
}

.modal-bonus-control-panel .bonus-accept,
.modal-bonus-control-panel .bonus-close {
  /* Keep Air ui.buttons look; do not override padding/colors/transform */
  text-transform: none;
}

@media (max-width: 768px) {
  .modal-bonus-control-panel {
    flex-direction: column;
    align-items: stretch;
  }

  .modal-bonus-control-panel .ui-btn {
    width: 100%;
    margin: 0;
  }
}

.ithive_honour_raiting_item {
  box-sizing: border-box;
  padding: 18px;
  padding-top: 27px;
  border: 1px solid #eef2f4;
  border-radius: 4px;
  background: #ffffff;
}

.ithive_honour_raiting_item .whr_img {
  display: flex;
  justify-content: center;
  margin-bottom: 23px;
  width: 100%;
  height: 168px;
}

.ithive_honour_raiting_item .whr_img img {
  border-radius: 50%;
  height: 168px;
  object-fit: cover;
}

.ithive_honour_raiting_item .whr_name {
  font-size: 20px;
  font-weight: bold;
  line-height: 27px;
  text-align: center;
  color: #414141;
}

.ithive_honour_raiting_item .whr_work_position {
  margin-bottom: 24px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #6d6d6d;
}

.ithive_honour_raiting_item .whr_buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 19px;
}

.ithive_honour_raiting_item .whr_send_msg {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  border: 1px solid #bec4c9;
  border-radius: 4px;
  width: 38px;
  height: 38px;
  font-size: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 8C16 11.866 12.418 15 8 15C7.20765 15.0011 6.41859 14.8982 5.653 14.694C5.069 14.99 3.728 15.558 1.472 15.928C1.272 15.96 1.12 15.752 1.199 15.566C1.553 14.73 1.873 13.616 1.969 12.6C0.744 11.37 0 9.76 0 8C0 4.134 3.582 1 8 1C12.418 1 16 4.134 16 8ZM5 8C5 8.26522 4.89464 8.51957 4.70711 8.70711C4.51957 8.89464 4.26522 9 4 9C3.73478 9 3.48043 8.89464 3.29289 8.70711C3.10536 8.51957 3 8.26522 3 8C3 7.73478 3.10536 7.48043 3.29289 7.29289C3.48043 7.10536 3.73478 7 4 7C4.26522 7 4.51957 7.10536 4.70711 7.29289C4.89464 7.48043 5 7.73478 5 8ZM9 8C9 8.26522 8.89464 8.51957 8.70711 8.70711C8.51957 8.89464 8.26522 9 8 9C7.73478 9 7.48043 8.89464 7.29289 8.70711C7.10536 8.51957 7 8.26522 7 8C7 7.73478 7.10536 7.48043 7.29289 7.29289C7.48043 7.10536 7.73478 7 8 7C8.26522 7 8.51957 7.10536 8.70711 7.29289C8.89464 7.48043 9 7.73478 9 8ZM12 9C12.2652 9 12.5196 8.89464 12.7071 8.70711C12.8946 8.51957 13 8.26522 13 8C13 7.73478 12.8946 7.48043 12.7071 7.29289C12.5196 7.10536 12.2652 7 12 7C11.7348 7 11.4804 7.10536 11.2929 7.29289C11.1054 7.48043 11 7.73478 11 8C11 8.26522 11.1054 8.51957 11.2929 8.70711C11.4804 8.89464 11.7348 9 12 9Z' fill='%23A5ADB3'/%3E%3C/svg%3E%0A");
  background-position: center center;
  background-repeat: no-repeat;
}

.ithive_honour_raiting_item .whr_call_msg {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  border: 1px solid #bec4c9;
  border-radius: 4px;
  width: 38px;
  height: 38px;
  font-size: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4358 11.0825L11.6958 9.82252C11.8655 9.65492 12.0802 9.54019 12.3139 9.49226C12.5475 9.44434 12.7901 9.46527 13.012 9.55252L14.5477 10.1656C14.772 10.2567 14.9643 10.4121 15.1005 10.6123C15.2366 10.8125 15.3105 11.0486 15.3127 11.2906V14.1031C15.3114 14.2678 15.2767 14.4306 15.2109 14.5815C15.145 14.7325 15.0493 14.8685 14.9295 14.9815C14.8097 15.0945 14.6682 15.1821 14.5137 15.239C14.3591 15.2959 14.1946 15.3209 14.0302 15.3125C3.26954 14.6431 1.09829 5.53065 0.687667 2.04315C0.668605 1.87189 0.686021 1.69853 0.738769 1.53448C0.791517 1.37044 0.8784 1.21942 0.993705 1.09136C1.10901 0.963305 1.25012 0.861113 1.40776 0.791509C1.56539 0.721905 1.73598 0.686465 1.90829 0.687523H4.62517C4.86761 0.688241 5.10429 0.761473 5.30478 0.897802C5.50526 1.03413 5.66037 1.22732 5.75017 1.45252L6.36329 2.98815C6.45343 3.20925 6.47643 3.45201 6.42941 3.6861C6.38239 3.9202 6.26744 4.13525 6.09892 4.3044L4.83892 5.5644C4.83892 5.5644 5.56454 10.475 10.4358 11.0825Z' fill='%23A5ADB3'/%3E%3C/svg%3E%0A");
  background-position: center center;
  background-repeat: no-repeat;
}

.ithive_honour_raiting_item .whr_thenks_btn {
  display: flex;
  align-items: center;
  padding: 9px 14px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
}

.ithive_honour_raiting_item .whr_department_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 11px;
}

.ithive_honour_raiting_item .whr_department_container > span {
  display: block;
  width: 100%;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #a5adb3;
}

.ithive_honour_raiting_item .whr_department_ul {
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #6d6d6d;
}

.ithive_honour_raiting_item .whr_department_item {
  list-style: none;
  color: #6d6d6d;
}

.ithive_honour_raiting_item .whr_department_more {
  position: relative;
  padding-right: 13px;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.12179 1.19643C8.12179 1.13839 8.09277 1.0731 8.04925 1.02958L7.68652 0.666852C7.643 0.623326 7.57771 0.594308 7.51967 0.594308C7.46164 0.594308 7.39635 0.623326 7.35282 0.666852L4.50181 3.51786L1.65081 0.666852C1.60728 0.623326 1.54199 0.594308 1.48396 0.594308C1.41867 0.594308 1.36063 0.623326 1.3171 0.666852L0.954381 1.02958C0.910854 1.0731 0.881836 1.13839 0.881836 1.19643C0.881836 1.25446 0.910854 1.31975 0.954381 1.36328L4.33496 4.74386C4.37849 4.78739 4.44378 4.81641 4.50181 4.81641C4.55985 4.81641 4.62514 4.78739 4.66867 4.74386L8.04925 1.36328C8.09277 1.31975 8.12179 1.25446 8.12179 1.19643Z' fill='%236D6D6D'/%3E%3C/svg%3E%0A");
  background-position: right 7px;
  background-repeat: no-repeat;
}

.ithive_honour_raiting_item .whr_department_more li {
  position: absolute;
  display: none;
  background: #ffffff;
}

.ithive_honour_raiting_item .whr_department_more li:nth-child(1) {
  position: static;
  display: block;
}

.ithive_honour_raiting_item .whr_department_more:hover li {
  display: flex;
  justify-content: center;
  width: 100%;
}

.ithive_honour_raiting_item .whr_title {
  margin-bottom: 4px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #a5adb3;
}

.ithive_honour_raiting_item .whr_table_name {
  font-size: 14px;
  line-height: 19px;
  color: #414141;
}

.ithive_honour_raiting_item .whr_table_name_container {
  display: flex;
  flex-wrap: wrap;
  padding: 17px;
  padding-bottom: 19px;
  border: 1px solid #eef2f4;
  border-radius: 4px;
  background: #ffffff;
}

.ithive_honour_raiting_item .whr_table_name_container .ithive_bonus_rating_bottom {
  flex: 1;
  padding-left: 12px;
}

.ithive_honour_raiting_item .whr_table_date {
  font-size: 13px;
  line-height: 20px;
  color: #a5adb3;
}

/* */
.whr_raitings_header {
  display: block;
  margin: 0;
  padding-bottom: 16px;
  border-bottom: 1px solid #eef2f4;
  font-size: 16px;
  line-height: 22px;
  color: #525c69;
}

.whr_raitings_descr {
  margin-bottom: 17px;
  padding-top: 10px;
  font-size: 13px;
  line-height: 18px;
  color: #525c69;
}

.whr_raitings_body {
  box-sizing: border-box;
  padding: 14px 17px;
  border: 1px solid #eef2f4;
  border-radius: 4px;
  background: #ffffff;
}

.whr_raitings_list {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 18px;
  padding-right: 16px;
  border: 1px solid #eef2f4;
  border-radius: 4px;
  background: #ffffff;
}

.whr_rating_item_info {
  flex: 1;
  padding-left: 11px;
}

.whr_rating_item_info a {
  font-size: 13px;
  line-height: 120%;
  text-decoration: none;
  color: #525c69;
}

.whr_rating_item_info a:hover {
  text-decoration: none;
  color: #525c69;
}

.whr_user_place {
  font-size: 11px;
  line-height: 15px;
  color: #8c8c8c;
}

.rating-item_active .whr_rating_item_info a {
  font-weight: 600;
  color: #009895;
}

.ratings-list {
  margin: 0;
  padding: 0;
}

.rating-item {
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px;
  padding-bottom: 11px;
  border-bottom: 1px solid #eef2f4;
  list-style: none;
}

.rating-item:first-of-type {
  padding-top: 0;
}

.rating-item:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}

.diff_green,
.diff_greydiff_green {
  padding-left: 8px;
  font-size: 11px;
  line-height: 15px;
  color: #249e17;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='5' viewBox='0 0 7 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.28571 4.03571C6.28571 3.93136 6.24275 3.83315 6.16909 3.75949L3.41909 1.00949C3.34542 0.935826 3.24721 0.892857 3.14286 0.892857C3.0385 0.892857 2.94029 0.935826 2.86663 1.00949L0.116629 3.75949C0.0429688 3.83315 0 3.93136 0 4.03571C0 4.25056 0.178013 4.42857 0.392857 4.42857H5.89286C6.1077 4.42857 6.28571 4.25056 6.28571 4.03571Z' fill='%23249E17'/%3E%3C/svg%3E%0A");
  background-position: left 4px;
  background-repeat: no-repeat;
}

.diff_red,
.diff_greydiff_red {
  padding-left: 8px;
  font-size: 11px;
  line-height: 15px;
  color: #ff3434;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='5' viewBox='0 0 7 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.2862 0.892857C6.2862 0.678013 6.10819 0.5 5.89335 0.5H0.393345C0.178502 0.5 0.000488281 0.678013 0.000488281 0.892857C0.000488281 0.99721 0.043457 1.09542 0.117118 1.16908L2.86712 3.91908C2.94078 3.99275 3.03899 4.03571 3.14335 4.03571C3.2477 4.03571 3.34591 3.99275 3.41957 3.91908L6.16957 1.16908C6.24323 1.09542 6.2862 0.99721 6.2862 0.892857Z' fill='%23FF3434'/%3E%3C/svg%3E%0A");
  background-position: left 4px;
  background-repeat: no-repeat;
}

.diff_grey {
  font-size: 11px;
  line-height: 15px;
  color: #525c69;
}

.diff_greydiff_green {
  font-size: 13px;
  font-weight: bold;
  background-position: left 50%;
}

.diff_greydiff_red {
  font-size: 13px;
  font-weight: bold;
  background-position: left 50%;
}

td .diff_grey {
  font-size: 13px;
  font-weight: bold;
  background-position: left 50%;
}

.whr_rdl_table {
  width: 100%;
}

.whr_rdl_table tr {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #f0f4f5;
  width: 100%;
}

.whr_rdl_table tr:first-of-type {
  border-bottom: none;
}

.whr_rdl_table tr th {
  display: flex;
  align-items: center;
  padding: 13px 17px;
  border-width: 2px;
  border-style: solid;
  border-color: #ffffff;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  line-height: 12px;
  color: #525c69;
  background: #f5f7f9;
}

.whr_rdl_table tr th:nth-child(1) {
  width: 11.85%;
}

.whr_rdl_table tr th:nth-child(2) {
  flex: 1;
}

.whr_rdl_table tr th:nth-child(3) {
  width: 21.6%;
  text-align: center;
}

.whr_rdl_table tr td {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 16px 13px;
}

.whr_rdl_table tr td:nth-child(1) {
  width: 11.85%;
}

.whr_rdl_table tr td:nth-child(2) {
  flex: 1;
}

.whr_rdl_table tr td:nth-child(3) {
  align-items: center;
  justify-content: center;
  width: 21.6%;
}

.whr_rdl_table tr td .first_place {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #efc910;
  border-radius: 4px;
  width: 49px;
  height: 30px;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  color: #ffffff;
  background: #efc910;
}

.whr_rdl_table tr td .second_place {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  width: 49px;
  height: 30px;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  color: #ffffff;
  background: #c0c0c0;
}

.whr_rdl_table tr td .third_place {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #91624e;
  border-radius: 4px;
  width: 49px;
  height: 30px;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  color: #ffffff;
  background: #91624e;
}

.whr_rdl_table tr td .none-place {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  width: 49px;
  height: 30px;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  color: #525c69;
  background: #ffffff;
}

.ratings-detail-list {
  width: 100%;
}

.whr_rwdl_mu_user_name {
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  color: #414141;
}

.whr_rwdl_mu_user_work_position {
  font-size: 12px;
  line-height: 15px;
  color: #6d6d6d;
}

.whr_rwdl_mu_user {
  padding-left: 13px;
}

.whr_rwdl_header {
  margin: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #f0f4f5;
  font-size: 16px;
  line-height: 22px;
  color: #525c69;
}

.ithive_ratings_list_right {
  box-sizing: border-box;
  padding: 14px 17px;
  border: 1px solid #eef2f4;
  border-radius: 4px;
  background: #ffffff;
}

.whr_rwdl_body {
  display: flex;
  flex-wrap: wrap;
}

.whr_rwdl_month {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 14px;
  width: 29.41%;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  color: #525c69;
}

.whr_rwdl_month p {
  margin: 0;
}

.whr_rwdl_month_users {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  width: 100%;
}

.whr_rwdl_month_users .whr_rwdl_mu_body {
  padding-top: 13px;
  padding-bottom: 13px;
  border-bottom: 1px solid #f0f4f5;
}

.whr_rwdl_month_users .whr_rwdl_mu_body:last-of-type {
  border-bottom: none;
}

.whr_rwdl_mu_img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 9px;
  width: 32px;
  height: 32px;
}

.whr_rwdl_mu_img .whr_rwdl_mu_user_place_img {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(50%);
}

.whr_rwdl_mu_body {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.whr_rwdl_mu_body .whr_rwdl_mu_user_name {
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  color: #414141;
}

.whr_rwdl_body {
  border-bottom: 1px solid #f0f4f5;
}

.whr_rwdl_body:last-of-type {
  border-bottom: none;
}

.whr_rwdl_body_no_users {
  font-size: 14px;
  color: #6d6d6d;
}
.grid-field-avatar {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  margin-right: 5px;
  object-fit: cover;
}

.grid-field-no-avatar {
  width: 32px;
  height: 32px;
  margin-right: 5px;
  border-radius: 50%;
  background-size: cover;
  background: #7b8691 url("/bitrix/js/ui/icons/b24/images/ui-user.svg") no-repeat center;
}

.grid-field-label {
  color: #2067B0!important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.2px;
}

.grid-field-label-bold {
  color: #838383!important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.2px;
  margin: 0;
}
.field-container{
  display: flex;
}
.options-detail-info-item td.adm-detail-content-cell-r{
  padding-top: 0;
  padding-bottom: 0;
}
/*# sourceMappingURL=custom.css.map */
/*# sourceMappingURL=custom.css.map */
.bonus-gamification-page .workarea-content{
  background-color: transparent;
}
.bonus-gamification-page .workarea-content-paddings{
  padding:0;
}
.bonus-gamification-page .workarea-content{
  margin-right: 0;
}

.bonus-block-inner .filter-section {
  margin-bottom: 19px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.ithive-gamification-icon {
    display: inline-block;
}

.ithive-gamification-icon .symbol,
.ithive-gamification-icon .img {
    display: inline-block;
    font-size: 8px;
    line-height: 16px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-weight: 600;
}

.ithive-gamification-icon .img {
    border: none;
    color: transparent;
    width: 18px;
    height: 18px;
}

.ithive-gamification-icon .symbol {
    border-radius: 10px;
    border: 1px solid #525c69;
    width: 16px;
    height: 16px;
    background-color: #525c69;
    color: #ffffff;
}

.bonus-block-aside-item__dark-bold .ithive-gamification-icon,
.bonus-block-aside-item__grey-bold .ithive-gamification-icon{
    margin-left: 5px;
    position: absolute;
    margin-top: -2px;
}