/* LIKE AND DISLIKE */

.b-vud-ld__grid{
  display: inline-grid;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-gap: 0;
}

.b-vud-ld__grid{
  display: inline-grid;
  grid-template-rows: auto;
  grid-template-columns: 22px auto 22px;
  align-items: center;
  grid-gap: 0;
  cursor: default;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

.b-vud-ld__action-wrapper{
  position: relative;
  display: block;
}

.b-vud-ld__action-wrapper._disable:after{
  background: transparent;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: ' ';
  cursor: default;
}

.b-vud-ld__action{
  background: url(images/like.svg) left top no-repeat;
  display: block;
  width: 22px;
  height: 22px;
}

/*._disable .b-vud-ld__action{
  opacity: 0.2;
}*/

.b-vud-ld__action._dislike{
  background-image: url(images/dislike.svg);
}

._disable .b-vud-ld__action._like{
  background-image: url(images/like-active.svg);
  opacity: 1;
}

._disable .b-vud-ld__action._dislike{
  background-image: url(images/dislike-active.svg);
  opacity: 1;
}

.b-vud-ld__action.ctools-ajaxing{
  background: url(images/loader.svg) center center no-repeat !important;
  background-size: contain;
  padding: 0 !important;
}

.b-vud-ld__action.ctools-ajaxing:after{
  content: '' !important;
}

.b-vud-ld__sum-wrapper{
  display: block;
  color: #e2e2e2;
  padding: 0 5px;
  font-size: 12px;
  line-height: 12px;
  font-weight: normal;
  cursor: default;
  text-align: center;
  min-width: 0;
}

._positive .b-vud-ld__sum-wrapper{
  color: #488f03;
}

._negative .b-vud-ld__sum-wrapper{
  color: #e57300;
}

.b-vud-ld__sum{
  display: inline-block;
  color: #898c8d;
}