/* Controls Icons */

.icon-play {
  background:url('../images/icons/play-button.svg');
  background-repeat: no-repeat;
  background-position: center center;
  
  width:50px;
  height:50px;
  
}

.icon-pause {
  background:url('../images/icons/pause-button.svg');
  background-repeat: no-repeat;
  background-position: center center;
  
  width:50px;
  height:50px;
  
}

.icon-fwd {
  background:url('../images/icons/forward-button.svg');
  background-repeat: no-repeat;
  background-position: center center;
  
  width:45px;
  height:45px;
  
}

.icon-back {
  background:url('../images/icons/back-button.svg');
  background-repeat: no-repeat;
  background-position: center center;
  
  width:45px;
  height:45px;
  
}

/* Action Icons */

.ri-bookmark,
.action-icon {
  background: url("../images/icons/bookmark.svg");
  background-repeat: no-repeat;
  background-position: center center;

  width: 22px;
  height: 22px;
}

.ri-bookmark-fill {
  background: url("../images/icons/bookmark-check-fill.svg");
  background-repeat: no-repeat;
  background-position: center center;

  width: 23px;
  height: 23px;
}

.ri-save-timecode {
  background: url("../images/icons/save-timecode.svg");
}

/* .ri-share {
  background: url("../images/icons/box-arrow-up.svg");
} */

.ri-user {
  background: url("../images/icons/person-circle.svg");
}

.ri-save {
  background: url("../images/icons/save-button.svg");
}

.ri-list {
  background: url("../images/icons/list.svg");
  margin: 0px 13px 0px 25px;
}

.ri-search {
  background: url("../images/icons/search.svg");
  margin: 0px 0px 0px 25px;
}

.ri-rec {
  background: url("../images/icons/rec.svg");
  margin: 0px 0px 0px 25px;
}

.ri-share {
  background: url("../images/icons/share.svg");
  margin: 0px 0px 0px 25px;
}

.ri {
  background-repeat: no-repeat;
  background-position: center center;
  width: 23px;
  height: 23px;
  cursor: pointer;
}