.fa-big {
  font-size: 20px;
}
.fa.disabled {
  color: #ccc;
}
.fa.selected {
  color: #13ab5e;
}
.fa-warning {
  color: #ff5252;
  font-size: 18px;
}
.fa-circle, .fa-check-circle {
  color: green;
}
.fa-ban {
  color: #ccc;
}
.fa-block {
  width: 23px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  background: #e0e0e0;
  font-size: 16px;
  color: #333;
  margin: 0;
}
.encircle-icon:hover i {
  color: black;
}
.encircle-icon {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  height: 25px;
  width: 25px;
  line-height: 25px;
  border-radius: 25px;
  border: 1px solid gray;
  font-size: 10px;
  font-weight: bold;
}
.encircle-icon i {
  font-size: 13px;
  line-height: 23px;
}
.encircle-icon .fa-external-link {
  margin: 0;
  font-size: 11px;
  line-height: 25px;
}
.encircle-icon i:hover {
  color: black;
}
.video-overlay-icon, .play, .refresh-thick-icon {
  opacity: 0.3;
}
.fa-exchange {
  transform: rotate(45deg);
}
.left-arrow-icon {
  cursor: pointer;
}
.left-arrow-icon svg {
  opacity: 0.8;
  height: 21px;
  fill: #fff;
}
.cards-icon svg {
  fill: #fff;
}
.bell-icon {
  width: 18px;
}
.bell-icon svg {
  fill: #fff;
}
.menu-icon svg {
  width: 34px;
  fill: #fff;
}
.user-icon svg g {
  fill: #fff;
}
.feed-icon svg {
  fill: #fff;
}
.click-wrapper {
  display: inline-block;
}
.chat-icon svg {
  fill: transparent;
}
.chat-icon svg g {
  stroke: #fff;
  stroke-width: 2;
}
.supplement-icon-wrapper {
  position: relative;
}
.supplement-icon-wrapper .supplement-icon {
  position: absolute;
}
.toggle-user-icon.add .supplement-icon {
  top: -7px;
  right: 27px;
}
.toggle-user-icon.remove .supplement-icon {
  top: 8px;
  right: 34px;
}
.toggle-user-icon .plus-icon svg {
  width: 30px;
}
.toggle-user-icon .minus-icon svg {
  width: 15px;
}
.close-icon {
  width: 30px;
  cursor: pointer;
}
.three-dots-icon {
  width: 6px;
  float: right;
}
.three-dots-icon svg {
  fill: #5d5d5d;
}
.tiles-icon {
  display: flex;
}
.tiles-icon .tile-row {
  margin: 0 1px;
}
.tiles-icon .tile {
  width: 10px;
  height: 10px;
  border: 1px solid white;
  border-radius: 1px;
  opacity: 0.7;
  margin: 1px 0;
}
.seedlang-outline-icon-wrapper {
  width: 24px;
  border-radius: 50%;
  border: 1px solid white;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.seedlang-outline-icon-wrapper .seedlang-outline-icon {
  width: 15px;
  height: 11px;
}
.seedlang-outline-icon-wrapper .seedlang-outline-icon svg path {
  stroke: #fff;
}
.sparkle-icon svg {
  fill: #c7c709;
}
.notifications-icon {
  border-radius: 50%;
  height: 42px;
  width: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.notifications-icon .bell-icon {
  pointer-events: none;
}
.notifications-icon .past-due-count {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: -2px;
  width: 16px;
  height: 16px;
  font-size: 9px;
}
.notifications-icon svg {
  fill: #333;
}
.feed-icon {
  display: inline-flex;
  flex-direction: column;
}
.feed-icon .bar {
  width: 17px;
  height: 3px;
  background: rgba(255, 255, 255, 0.8);
  margin-bottom: 3px;
  border-radius: 1px;
}
.feed-icon .bar:last-child {
  margin-bottom: 0;
}
.chat-icon svg {
  fill: #fff;
}
.check-with-circle-icon svg {
  width: 24px;
  fill: #e0e0e0;
}
.crown-icon svg {
  fill: #efef3f;
}
