/**** COLORS ****/
.live {
  background-color: #000;
  color: #fff;
  height: 34px;
  line-height: 34px;
}
.upcoming {
  background-color: #D0D0D0;
  color: #7D7D7D;
  height: 34px;
  line-height: 34px;
}
.header .data .titles .comp-selector .selector-content {
  background: #F4F4F4;
}
.selector-season .selector-result,
.selector-season .selector-result-groups {
  background-color: #F4F4F4;
}
.round-bar .total-rounds {
  background-color: #F4F4F4;
}
.widget-content {
  background-color: #F4F4F4;
}
.widget-content .row.hover:hover {
  background-color: #F4F4F4;
}
.widget-content .info {
  color: #9B9B9B;
}
.widget-content .info .status {
  display: none;
}
.widget-content .result-content {
  border: inherit;
  padding-bottom: 0;
}
.widget-content .result-content .add {
  min-width: 100px;
}
.widget-content .result-content .add .result {
  background-color: inherit !important;
  font-weight: 700;
  max-width: 90px;
  font-size: 20px;
}
.widget-content .result-content .add .result .match-day {
  display: contents;
  text-transform: uppercase;
}
.widget-content .result-content .add .result.bg-finished {
  font-size: 22px;
  color: #000 !important;
}
.widget-content .result-content .team {
  line-height: 55px;
}
.widget-content .result-content .team .icon-team-left {
  margin-left: auto;
}
.widget-content .result-content .team .text {
  font-weight: 700;
  font-size: 18px;
  width: calc(100% - 60px);
  padding: 0 8px;
  margin: 0;
}
.widget-content .result-content .team.text-right .text {
  float: left;
}
.widget-content .result-content .team.text-right .img-container {
  float: right;
}
.widget-content .result-content .team.text-left .text {
  float: right;
}
.widget-content .result-content .team.text-left .img-container {
  float: left;
}
.widget-content .img-container {
  background-color: #fff;
  position: relative;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  margin: 0 8px;
}
.widget-content .img-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  width: 24px;
}
@media (max-width: 576px) {
  .widget-content .result-content .team .text.full-name {
    display: none;
  }
  .widget-content .result-content .team .text.short-name {
    display: block;
  }
}