.sfl-icon {
  display: inline-block;
  position: relative;
  background-image: url('img/sprite.png');
  height: 24px;
}

.sfl-icon.ycard {
  background-position: -8px -3px;
  width: 18px;
}

.sfl-icon.rcard {
  background-position: -47px -3px;
  width: 18px;
}

.sfl-icon.assist {
  background-position: -78px -4px;
  width: 34px;
}

.sfl-icon.goal {
  background-position: -7px -35px;
  width: 21px;
}

.sfl-icon.goal-missed {
  background-position: -42px -35px;
  width: 23px;
}

.sfl-icon.autogoal {
  background-position: -80px -34px;
  width: 22px;
}

.sfl-icon.penalty {
  background-position: -5px -69px;
  width: 27px;
}

.sfl-icon.penalty-missed {
  background-position: -44px -69px;
  width: 23px;
}

.sfl-icon.ten-penalty {
  background-position: -5px -102px;
  width: 27px;
}

.sfl-icon.ten-penalty-missed {
  background-position: -43px -103px;
  width: 29px;
}

.sfl-circle-icon {
  width: 6px;
  height: 6px;
  border: 3px solid #9a9a9a;
  transform: rotate(45deg);
  display: inline-block;
  margin-right: 6px;
}

.sfl-circle-icon.big {
  width: 9px;
  height: 9px;
  margin-right: 12px;
}

.sfl-circle-icon.progress-winner {
  border-color: #85c36f;
}

.sfl-circle-icon.progress-looser {
  border-color: #ff4847;
}

.sfl-circle-icon.progress-draw {
  border-color: #9a9a9a;
}

@media (max-width: 481px) and (orientation: portrait) {
  .sfl-circle-icon.big {
    width: 5px;
    height: 5px;
    margin-right: 5px;
  }
}