.uif-btn-icon-r.uicon-sort-icon {
  height: 10px;
  left: 4px;
}
.uif-btn-icon-r.uicon-sort-icon:before,
.uif-btn-icon-r.uicon-sort-icon:after {
  content: '';
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  position: absolute;
  left: 0;
}
.uif-btn-icon-r.uicon-sort-icon:before {
  border-bottom: 4px solid #7e8b98;
  border-top: 0;
  top: 0;
}
.uif-btn-icon-r.uicon-sort-icon:after {
  border-top: 4px solid #7e8b98;
  border-bottom: 0;
  bottom: 0;
  left: 0;
}
.uif-btn.active .uif-btn-icon-r.uicon-sort-icon:before,
.uif-btn.active .uif-btn-icon-r.uicon-sort-icon:after {
  border-bottom-color: #fff;
  border-top-color: #fff;
}
.uif-btn.active .uif-btn-icon-r.uicon-sort-icon.sort-icon-desc:before,
.uif-btn.active .uif-btn-icon-r.uicon-sort-icon.sort-icon-asc:after {
  opacity: 0.4;
}