.product-item-container {
  width: 100%!important;
}

.ui-toolbar {
  box-sizing: border-box;
  margin-right: 12px;
  margin-left: 12px;
  min-height: 73px;
  max-height: 86px;
}

.about-gamification-page .ui-toolbar {
  margin: 15px 0 27px 0!important;
  height: auto!important;
}

.page-header {
  margin-top: 0!important;
  margin-bottom: 0px!important;
  padding-bottom: 0!important;
  border-bottom: 0!important;
}

.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;
}

.bonus-shop-btn:focus {
  outline: none;
}

.bonus-shop-btn.active {
  border-color: #2476ca;
  color: #2476ca;
  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;
}

.bonus-block-inner .filter-section .bonus-shop-btn {
  margin-right: 15px;
}

.bonus-block-inner .filter-section .bonus-shop-btn:last-of-type {
  margin-right: 0;
}

.bonus-block-inner .catalog-top {
  display: flex;
  flex-wrap: wrap;
  padding-top: 11px;
}

.bonus-product-category {
  padding: 7px 18px;
  padding-right: 23px;
  padding-bottom: 9px;
  font-size: 15px;
  line-height: 20px;
  color: #a5adb3;
}

.bonus-product-item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 4px;
  height: 100%;
  background: #f7f8fa;
}

.bonus-product-item .bonus-product-image {
  padding-top: 168px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bonus-product-item .product-item-button-container {
  margin-top: auto;
  padding-top: 34px;
  padding-right: 24px;
  padding-bottom: 20px;
  padding-left: 18px;
}

.bonus-product-item .product-item-button-container .bonus-shop-btn {
  padding: 9px 20px;
  border-radius: 100px;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  white-space: normal;
  text-transform: uppercase;
  word-break: break-word;
}

.bonus-product-item .product-item-button-container .bonus-shop-btn-not_enough {
  color: #525c69;
  background: #eef2f4;
  pointer-events: none;
}

.bonus-product-item .product-item-price-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 !important;
}

.bonus-product-item .product-item-price-container .product-item-price-current {
  padding: 0 20px;
  padding-right: 23px;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  color: #525c69;
}

.bonus-product-item-title {
  padding: 19px 18px;
  padding-right: 23px;
  font-family: "OpenSans-Regular", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  color: #525c69;
}

.bonus-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px;
  width: calc(100% + 16px);
  font-family: "OpenSans-Regular", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.bonus-block {
  box-sizing: border-box;
  margin-right: 8px;
  margin-left: 8px;
  padding: 14px 17px;
  border: 1px solid #eef2f4;
  border-radius: 4px;
  background: #ffffff;
}

@media only screen and (min-width: 992px) {
  .bonus-block.col-md-10 {
    width: calc(83.33333333% - 16px);
  }

  .bonus-block.col-md-2 {
    width: calc(16.66666667% - 16px);
  }

  .bonus-block.col-md-9 {
    flex: 1;
    width: auto;
    max-width: unset;
  }

  .bonus-block.col-md-3 {
    width: calc(25% - 16px);
  }
}

.bonus-block__gap-small {
  margin-bottom: 10px;
  padding-right: 15px;
  padding-bottom: 32px;
  padding-left: 15px;
}

.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 {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #eef2f4;
  font-size: 16px;
  line-height: 22px;
  color: #525c69;
}

.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 317px;
  padding-right: 8px;
  padding-left: 8px;
  width: 317px;
  max-width: 317px;
}

/* 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;
  flex-wrap: wrap;
}

.bonus-block-aside-item__50 > div {
  flex: 1 0 50%;
  padding-left: 10px;
  border-right: 1px solid #e6e6e6;
  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: 6px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #a5adb3;
}

.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-aside-item__dark-bold::after {
  display: inline-block;
  margin-top: 3px;
  width: 18px;
  height: 18px;
  line-height: 135%;
  vertical-align: top;
  background: var(--gf-icon) center/contain no-repeat;
  content: "";
}

.bonus-block-no-border .bonus-block-aside-item__dark-bold {
  font-size: 18px;
  line-height: 135%;
}

.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;
  margin-bottom: 0 !important;
  padding: 24px 21px;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.09);
}

.modal-bonus-control-panel .bonus-accept {
  padding: 11px 25px;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
}

.modal-bonus-control-panel .bonus-close {
  padding: 11px 20px;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #525c68;
  background: #ffffff;
}

.modal-bonus-control-panel .bonus-close:focus {
  outline: none;
}

.icon.icon-val {
  display: inline-flex;
  align-items: center;
}

.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-family: Segoe UI;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.2px;
}

.grid-field-label-bold {
  color: #838383!important;
  font-family: Segoe UI;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.2px;
  margin: 0;
}
.field-container{
  display: flex;
}

/*# sourceMappingURL=custom.css.map */


/*# sourceMappingURL=custom.css.map */
