.vfec-index body,
.vflm-index body,
.desktop-index body {
  width: 762px;
}

.vfec-index body,
.vflm-index body,
.desktop-index body {
  background-color: transparent;
}

.vfec-index #cupView,
.vflm-index #cupView,
.desktop-index #cupView {
  background: #fff;
}

.vfec-index #titlebar,
.vfec-index #rightContainer,
.vfec-index #flexibleWrapper,
.vflm-index #titlebar,
.vflm-index #rightContainer,
.vflm-index #flexibleWrapper,
.desktop-index #titlebar,
.desktop-index #rightContainer,
.desktop-index #flexibleWrapper {
  background: #fff;
}

.vfec-index #titlebar .ChunkIndicatorView .AmbassadorView,
.vfec-index #rightContainer .ChunkIndicatorView .AmbassadorView,
.vfec-index #flexibleWrapper .ChunkIndicatorView .AmbassadorView,
.vflm-index #titlebar .ChunkIndicatorView .AmbassadorView,
.vflm-index #rightContainer .ChunkIndicatorView .AmbassadorView,
.vflm-index #flexibleWrapper .ChunkIndicatorView .AmbassadorView,
.desktop-index #titlebar .ChunkIndicatorView .AmbassadorView,
.desktop-index #rightContainer .ChunkIndicatorView .AmbassadorView,
.desktop-index #flexibleWrapper .ChunkIndicatorView .AmbassadorView {
  color: #494949;
}

.vfec-index #titlebar .ChunkIndicatorView .competition,
.vfec-index #titlebar .ChunkIndicatorView .sporteventsetRow,
.vfec-index #rightContainer .ChunkIndicatorView .competition,
.vfec-index #rightContainer .ChunkIndicatorView .sporteventsetRow,
.vfec-index #flexibleWrapper .ChunkIndicatorView .competition,
.vfec-index #flexibleWrapper .ChunkIndicatorView .sporteventsetRow,
.vflm-index #titlebar .ChunkIndicatorView .competition,
.vflm-index #titlebar .ChunkIndicatorView .sporteventsetRow,
.vflm-index #rightContainer .ChunkIndicatorView .competition,
.vflm-index #rightContainer .ChunkIndicatorView .sporteventsetRow,
.vflm-index #flexibleWrapper .ChunkIndicatorView .competition,
.vflm-index #flexibleWrapper .ChunkIndicatorView .sporteventsetRow,
.desktop-index #titlebar .ChunkIndicatorView .competition,
.desktop-index #titlebar .ChunkIndicatorView .sporteventsetRow,
.desktop-index #rightContainer .ChunkIndicatorView .competition,
.desktop-index #rightContainer .ChunkIndicatorView .sporteventsetRow,
.desktop-index #flexibleWrapper .ChunkIndicatorView .competition,
.desktop-index #flexibleWrapper .ChunkIndicatorView .sporteventsetRow {
  color: #494949;
}

.vfec-index #titlebar .ChunkIndicatorView .competitionRow::after,
.vfec-index #rightContainer .ChunkIndicatorView .competitionRow::after,
.vfec-index #flexibleWrapper .ChunkIndicatorView .competitionRow::after,
.vflm-index #titlebar .ChunkIndicatorView .competitionRow::after,
.vflm-index #rightContainer .ChunkIndicatorView .competitionRow::after,
.vflm-index #flexibleWrapper .ChunkIndicatorView .competitionRow::after,
.desktop-index #titlebar .ChunkIndicatorView .competitionRow::after,
.desktop-index #rightContainer .ChunkIndicatorView .competitionRow::after,
.desktop-index #flexibleWrapper .ChunkIndicatorView .competitionRow::after {
  color: #494949;
}

.vfec-index #textLinkView .LinkView,
.vflm-index #textLinkView .LinkView,
.desktop-index #textLinkView .LinkView {
  color: #494949;
  border: 1px solid #494949;
}

.vfec-index .ChunkIndicatorView .AmbassadorView,
.vflm-index .ChunkIndicatorView .AmbassadorView,
.desktop-index .ChunkIndicatorView .AmbassadorView {
  color: #494949;
}

.vfec-index .ChunkIndicatorView .competition,
.vfec-index .ChunkIndicatorView .sporteventsetRow,
.vflm-index .ChunkIndicatorView .competition,
.vflm-index .ChunkIndicatorView .sporteventsetRow,
.desktop-index .ChunkIndicatorView .competition,
.desktop-index .ChunkIndicatorView .sporteventsetRow {
  color: #494949;
}

.vfec-index .LivescoreWidget,
.vflm-index .LivescoreWidget,
.desktop-index .LivescoreWidget {
  background: #fff;
}

.vfec-index .VideoControlbar .ButtonbarView,
.vflm-index .VideoControlbar .ButtonbarView,
.desktop-index .VideoControlbar .ButtonbarView {
  background: rgba(0, 0, 0, 0.6);
  border-color: #000;
}

.vfec-index .VideoControlbar #playpauseButton,
.vfec-index .VideoControlbar #soundButton,
.vfec-index .VideoControlbar #hdButton,
.vflm-index .VideoControlbar #playpauseButton,
.vflm-index .VideoControlbar #soundButton,
.vflm-index .VideoControlbar #hdButton,
.desktop-index .VideoControlbar #playpauseButton,
.desktop-index .VideoControlbar #soundButton,
.desktop-index .VideoControlbar #hdButton {
  color: white;
  border-color: white;
}

.vfec-index .ButtonbarView #statisticsButton,
.vfec-index .ButtonbarView #tableButton,
.vfec-index .ButtonbarView #treeButton,
.vfec-index .ButtonbarView #videoButton,
.vflm-index .ButtonbarView #statisticsButton,
.vflm-index .ButtonbarView #tableButton,
.vflm-index .ButtonbarView #treeButton,
.vflm-index .ButtonbarView #videoButton,
.desktop-index .ButtonbarView #statisticsButton,
.desktop-index .ButtonbarView #tableButton,
.desktop-index .ButtonbarView #treeButton,
.desktop-index .ButtonbarView #videoButton {
  background: rgba(0, 0, 0, 0.6);
  border-color: white;
  color: white;
}

.vfec-index .ButtonbarView #statisticsButton:hover,
.vfec-index .ButtonbarView #tableButton:hover,
.vfec-index .ButtonbarView #treeButton:hover,
.vfec-index .ButtonbarView #videoButton:hover,
.vflm-index .ButtonbarView #statisticsButton:hover,
.vflm-index .ButtonbarView #tableButton:hover,
.vflm-index .ButtonbarView #treeButton:hover,
.vflm-index .ButtonbarView #videoButton:hover,
.desktop-index .ButtonbarView #statisticsButton:hover,
.desktop-index .ButtonbarView #tableButton:hover,
.desktop-index .ButtonbarView #treeButton:hover,
.desktop-index .ButtonbarView #videoButton:hover {
  background: rgba(218, 30, 0, 0.6);
  border-color: white;
  color: white;
}

.vfec-index .ButtonbarView #statisticsButton.selected,
.vfec-index .ButtonbarView #tableButton.selected,
.vfec-index .ButtonbarView #treeButton.selected,
.vfec-index .ButtonbarView #videoButton.selected,
.vflm-index .ButtonbarView #statisticsButton.selected,
.vflm-index .ButtonbarView #tableButton.selected,
.vflm-index .ButtonbarView #treeButton.selected,
.vflm-index .ButtonbarView #videoButton.selected,
.desktop-index .ButtonbarView #statisticsButton.selected,
.desktop-index .ButtonbarView #tableButton.selected,
.desktop-index .ButtonbarView #treeButton.selected,
.desktop-index .ButtonbarView #videoButton.selected {
  background: #DA1E00;
  border-color: white;
  color: white;
}

.vfec-index .CalltoactionView .ChunkIndicatorView .AmbassadorView,
.vflm-index .CalltoactionView .ChunkIndicatorView .AmbassadorView,
.desktop-index .CalltoactionView .ChunkIndicatorView .AmbassadorView {
  color: #fff;
}

.vfec-index .CalltoactionView .ChunkIndicatorView .competition,
.vfec-index .CalltoactionView .ChunkIndicatorView .sporteventsetRow,
.vflm-index .CalltoactionView .ChunkIndicatorView .competition,
.vflm-index .CalltoactionView .ChunkIndicatorView .sporteventsetRow,
.desktop-index .CalltoactionView .ChunkIndicatorView .competition,
.desktop-index .CalltoactionView .ChunkIndicatorView .sporteventsetRow {
  color: #fff;
}

.vfec-index .ChunkPickerView .backButton,
.vfec-index .ChunkPickerView .forwardButton,
.vflm-index .ChunkPickerView .backButton,
.vflm-index .ChunkPickerView .forwardButton,
.desktop-index .ChunkPickerView .backButton,
.desktop-index .ChunkPickerView .forwardButton {
  background: rgba(0, 0, 0, 0.5);
  border-color: white;
  color: white;
}

.vfec-index .ChunkPickerView .backButton:hover,
.vfec-index .ChunkPickerView .forwardButton:hover,
.vflm-index .ChunkPickerView .backButton:hover,
.vflm-index .ChunkPickerView .forwardButton:hover,
.desktop-index .ChunkPickerView .backButton:hover,
.desktop-index .ChunkPickerView .forwardButton:hover {
  background: rgba(255, 255, 255, 0.125);
  border-color: #fff;
  color: #fff;
}

.vfec-index .ChunkPickerView .backButton.disabled,
.vfec-index .ChunkPickerView .forwardButton.disabled,
.vflm-index .ChunkPickerView .backButton.disabled,
.vflm-index .ChunkPickerView .forwardButton.disabled,
.desktop-index .ChunkPickerView .backButton.disabled,
.desktop-index .ChunkPickerView .forwardButton.disabled {
  background: rgba(0, 0, 0, 0.5);
  border-color: rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
}

.vfec-index #CrossMatchTickerHead,
.vflm-index #CrossMatchTickerHead,
.desktop-index #CrossMatchTickerHead {
  border-color: #494949;
}

.vfec-index .selectedMatchday,
.vflm-index .selectedMatchday,
.desktop-index .selectedMatchday {
  background-color: #DA1E00;
  color: white;
}

.vfec-index.layout-vfwc3,
.vflm-index.layout-vfwc3,
.desktop-index.layout-vfwc3 {
  border-right: 1px solid #ccc;
}

.vfec-index.layout-vfwc2.ru .ChunkIndicatorView .textRows, .vfec-index.layout-vfcc2.ru .ChunkIndicatorView .textRows,
.vflm-index.layout-vfwc2.ru .ChunkIndicatorView .textRows,
.vflm-index.layout-vfcc2.ru .ChunkIndicatorView .textRows,
.desktop-index.layout-vfwc2.ru .ChunkIndicatorView .textRows,
.desktop-index.layout-vfcc2.ru .ChunkIndicatorView .textRows {
  width: 186px;
}

.vfec-index.layout-vfwc2.ru .CalltoactionView #calltoactionTextView, .vfec-index.layout-vfcc2.ru .CalltoactionView #calltoactionTextView,
.vflm-index.layout-vfwc2.ru .CalltoactionView #calltoactionTextView,
.vflm-index.layout-vfcc2.ru .CalltoactionView #calltoactionTextView,
.desktop-index.layout-vfwc2.ru .CalltoactionView #calltoactionTextView,
.desktop-index.layout-vfcc2.ru .CalltoactionView #calltoactionTextView {
  top: 4px;
}

.vfec-index.layout-vfas2.ru .ChunkIndicatorView, .vfec-index.layout-vfcc2.ru .ChunkIndicatorView, .vfec-index.layout-vfnc2.ru .ChunkIndicatorView,
.vflm-index.layout-vfas2.ru .ChunkIndicatorView,
.vflm-index.layout-vfcc2.ru .ChunkIndicatorView,
.vflm-index.layout-vfnc2.ru .ChunkIndicatorView,
.desktop-index.layout-vfas2.ru .ChunkIndicatorView,
.desktop-index.layout-vfcc2.ru .ChunkIndicatorView,
.desktop-index.layout-vfnc2.ru .ChunkIndicatorView {
  margin-right: 30px;
}

.vfec-index.sr.layout-vflm6 .CalltoactionView #calltoactionTextView,
.vflm-index.sr.layout-vflm6 .CalltoactionView #calltoactionTextView,
.desktop-index.sr.layout-vflm6 .CalltoactionView #calltoactionTextView {
  font-size: 20px;
  padding-top: 12px;
}

.vfec-index.sr.layout-vfnc1 .CalltoactionView #calltoactionTextView, .vfec-index.sr.layout-vfcc1 .CalltoactionView #calltoactionTextView, .vfec-index.sr.layout-vfas1 .CalltoactionView #calltoactionTextView, .vfec-index.sr.layout-vfwc1 .CalltoactionView #calltoactionTextView, .vfec-index.sr.layout-vflm1 .CalltoactionView #calltoactionTextView, .vfec-index.sr.vfec-index .CalltoactionView #calltoactionTextView, .vfec-index.sr.vflm-index .CalltoactionView #calltoactionTextView,
.vflm-index.sr.layout-vfnc1 .CalltoactionView #calltoactionTextView,
.vflm-index.sr.layout-vfcc1 .CalltoactionView #calltoactionTextView,
.vflm-index.sr.layout-vfas1 .CalltoactionView #calltoactionTextView,
.vflm-index.sr.layout-vfwc1 .CalltoactionView #calltoactionTextView,
.vflm-index.sr.layout-vflm1 .CalltoactionView #calltoactionTextView,
.vflm-index.sr.vfec-index .CalltoactionView #calltoactionTextView,
.vflm-index.sr.vflm-index .CalltoactionView #calltoactionTextView,
.desktop-index.sr.layout-vfnc1 .CalltoactionView #calltoactionTextView,
.desktop-index.sr.layout-vfcc1 .CalltoactionView #calltoactionTextView,
.desktop-index.sr.layout-vfas1 .CalltoactionView #calltoactionTextView,
.desktop-index.sr.layout-vfwc1 .CalltoactionView #calltoactionTextView,
.desktop-index.sr.layout-vflm1 .CalltoactionView #calltoactionTextView,
.desktop-index.sr.vfec-index .CalltoactionView #calltoactionTextView,
.desktop-index.sr.vflm-index .CalltoactionView #calltoactionTextView {
  font-size: 20px;
  padding-top: 5px;
}

.vfec-index.ro.layout-vflm6 .CalltoactionView #calltoactionTextView,
.vflm-index.ro.layout-vflm6 .CalltoactionView #calltoactionTextView,
.desktop-index.ro.layout-vflm6 .CalltoactionView #calltoactionTextView {
  width: 268px;
}

.vfec-index.fi.layout-vflm6 .CalltoactionView #calltoactionTextView,
.vflm-index.fi.layout-vflm6 .CalltoactionView #calltoactionTextView,
.desktop-index.fi.layout-vflm6 .CalltoactionView #calltoactionTextView {
  width: 270px;
}

.desktop-index #chunkAreaView {
  background: #fff;
}

.desktop-index #chunkAreaView .CalltoactionView .AmbassadorView {
  color: #fff;
}

.desktop-index #chunkAreaView .CalltoactionView .competition,
.desktop-index #chunkAreaView .CalltoactionView .sporteventsetRow {
  color: #fff;
}

.desktop-index #chunkAreaView .CalltoactionView .competitionRow::after {
  color: #fff;
}

.desktop-index #chunkAreaView .ChunkPickerView .backButton,
.desktop-index #chunkAreaView .ChunkPickerView .forwardButton {
  color: #fff;
}

.desktop-index #chunkAreaView .ChunkPickerView .backButton:hover,
.desktop-index #chunkAreaView .ChunkPickerView .forwardButton:hover {
  color: white;
}

.desktop-index #chunkAreaView .ChunkPickerView .backButton.disabled,
.desktop-index #chunkAreaView .ChunkPickerView .forwardButton.disabled {
  color: rgba(73, 73, 73, 0.5);
}

.desktop-index.layout-vfwc2 body, .desktop-index.layout-vfec2 body, .desktop-index.layout-vfas2 body, .desktop-index.layout-vfnc2 body, .desktop-index.layout-vflm2 body, .desktop-index.layout-vfcc2 body {
  width: 100%;
}

.desktop-index.layout-vflm6 #titlebar {
  background-color: #fff;
  color: #494949;
}

.desktop-index.layout-vflm6 #titlebar .ChunkIndicatorView .competition {
  color: #494949;
}

.desktop-index.layout-vflm6 #titlebar #CrossMatchTickerHead {
  border-left: 1px solid #494949;
  color: #494949;
}

.desktop-index.layout-vflm6 #titlebar .ChunkIndicatorView .AmbassadorView {
  color: #494949;
}

.desktop-index.layout-vflm6 #titlebar .ChunkIndicatorView .sporteventset {
  color: #494949;
}

.desktop-index.layout-vflm6 #TwoColumn #flexibleWrapper {
  background: #fff;
  padding-top: 3px;
  height: 491px;
}

.desktop-index.layout-vflm6 #TwoColumn #flexibleWrapper #textBoxView {
  margin: 0 2px;
}

.desktop-index.layout-vflm6 #TwoColumn #flexibleWrapper .LivescoreWidget {
  padding: 0;
  margin: 0 2px;
}

.desktop-index.layout-vflm6 #TwoColumn #videoScaleWrapper {
  background: #fff;
  width: 421px;
}

.desktop-index.layout-vflm6 #TwoColumn #videoScaleWrapper #textBoxView {
  width: 421px;
}

.desktop-index.layout-vflm6 .headerTitle {
  background-color: #dadada;
  color: #494949;
}

.desktop-index.layout-vflm6 .ButtonbarView {
  top: 50px;
}

.desktop-index.layout-vflm6 .ButtonbarView #statisticsButton {
  top: 0;
  background: transparent;
  color: #494949;
}

.desktop-index.layout-vflm6 #textBoxView {
  color: #494949;
  background-color: #dadada;
}

.desktop-index.layout-vflm6 .CalltoactionView .LockView,
.desktop-index.layout-vflm6 .CalltoactionView .calltoactionTextView {
  margin-left: 0;
}

.micro-index body {
  background: #fff;
}

.micro-index .ButtonbarView #statisticsButton {
  color: #494949;
  border-color: #494949;
}

.micro-index .ButtonbarView #statisticsButton:hover {
  color: #DA1E00;
  border-color: #DA1E00;
}

.micro-index .ChunkIndicatorView {
  color: #494949;
}

.micro-index .ChunkPickerView .backButton {
  border-color: transparent #494949 transparent transparent;
}

.micro-index .ChunkPickerView .forwardButton {
  border-color: transparent transparent transparent #494949;
}

.micro-index .ChunkPickerView .backButton:hover {
  border-color: transparent #DA1E00 transparent transparent;
  background: rgba(0, 0, 0, 0);
}

.micro-index .ChunkPickerView .forwardButton:hover {
  border-color: transparent transparent transparent #DA1E00;
  background: rgba(0, 0, 0, 0);
}

:root {
  --placeholder-background-color-1: #951900;
  --placeholder-background-color-2: #d31f00;
  --placeholder-bars-color-1: rgba(0, 51, 72, 0);
  --placeholder-bars-color-2: #242424;
}

.RetailView {
  background: #dadada;
}

.RetailView .CalltoactionView {
  background-image: none;
  background-color: #951900;
}

.RetailView .CalltoactionView .ProgressImagePathView {
  background: url("../../_img/cta_arrow.png") no-repeat;
  z-index: -1;
}

.RetailView .CalltoactionView .ProgressView.inactive {
  display: none;
}

.RetailView .CalltoactionView .LockView {
  background-image: none;
}

.RetailView .CalltoactionView #calltoactionTextView {
  color: #fff !important;
}

.RetailView .CalltoactionView .ChunkIndicatorView {
  color: #fff;
}

.RetailView .ProgressbarView canvas {
  background-color: #505050;
  color: #fff;
}

.RetailView .placeholderView.logobox {
  background-color: transparent;
}

.RetailView .CompetitionTimelineView {
  background-image: none;
  background-color: #D31F00;
}

.RetailView .CompetitionTimelineView .ButtonView {
  color: #fff;
}

.RetailView .CompetitionTimelineView .View.Separator {
  background-color: #fff;
}

.RetailView .CompetitionTimelineView .ButtonView.selected {
  background-color: #fff;
  color: #D31F00;
  border-color: #fff;
  font-size: 28px;
  font-weight: 400;
  padding: 4px 13px;
  margin: -6px 0 0 0;
  vertical-align: top;
  line-height: 20px;
  border-radius: 0;
}

.RetailView .VideoView {
  filter: grayscale(0%);
}

.RetailView .View.Widget.LivetableLeagueWidget, .RetailView .View.Widget.LivetableWidget {
  background: #dadada;
}

.RetailView .View.Widget.CuprosterWidget {
  background: #dadada;
}

.RetailView .View.Widget.MatrixWidget {
  background: #dadada;
}

.RetailView .View.Widget.StatisticsH2hWidget {
  background: #dadada;
}

.RetailView .View.Widget.StatisticsTeamformWidget {
  background: #dadada;
}

.RetailView .View.Widget.StatisticsTotalgoalsWidget, .RetailView .View.Widget.StatisticsTotalgoalsDonutsWidget {
  background: #dadada;
}

.RetailView .View.Widget.StatisticsRankingWidget {
  background: #dadada;
}

.RetailView .View.Widget.GroupResultWidget {
  background: #dadada;
}

.RetailView #groupTablesGalleryView.View.GalleryView.GroupTablesGalleryView {
  background: #dadada;
}

.RetailView .LivescoreWidget {
  background: #dadada;
}

.LivetableWidget.inactive {
  opacity: 0.5;
}

.screen-setup-frontend body {
  font-family: Arial, Sans Serif;
  min-height: 100%;
  transform-origin: 0 0;
  overflow: hidden;
  margin: 0;
  background: #000;
}

.screen-setup-frontend #root {
  width: 100%;
  height: 100%;
}

.screen-setup-frontend .RetailView {
  width: 1920px;
  height: 1080px;
  margin: 0;
  transform-origin: 0 0;
  overflow: hidden;
  background: #dadada;
}

.screen-setup-frontend .RetailView .View {
  position: absolute;
}

.screen-setup-frontend .View.hidden {
  opacity: 0;
  visibility: hidden;
}

.screen-setup-frontend .vs-frontend-hidden {
  opacity: 0;
  visibility: hidden;
}

.screen-setup-frontend canvas#progressbarView {
  background-color: #505050;
  color: #fff;
}

.screen-setup-frontend .RetailView #setup_name {
  display: none;
}

.screen-setup-frontend #noscript {
  background-color: rgba(255, 255, 255, 0.9);
  border: 2px solid #A2A19F;
  border-radius: 6px 6px 6px 6px;
  box-shadow: 0 2px 9px #000000;
  color: #d60000;
  height: auto;
  left: 50%;
  margin-left: -125px;
  line-height: 18px;
  padding: 8px;
  position: absolute;
  text-align: center;
  text-shadow: 0 1px 2px #CCCCCC;
  top: 180px;
  width: 250px;
  z-index: 1000;
  font-size: 14px;
}

.screen-setup-frontend .View[id^=competitionTimelineView] {
  background: #D31F00;
}

.screen-setup-frontend .View[id^=liveTableWidget] {
  background: #dadada;
}

.screen-setup-frontend .View[id^=livetableLeagueWidget] {
  background: #dadada;
}

.screen-setup-frontend .View[id^=groupResultWidget] {
  background: #dadada;
}

.screen-setup-frontend .View[id^=statisticsH2hWidget] {
  background: #dadada;
}

.screen-setup-frontend .View[id^=statisticsTotalgoalsDonutsWidget] {
  background: #dadada;
}

.screen-setup-frontend .View[id^=statisticsTeamformWidget] {
  background: #dadada;
}

.screen-setup-frontend .View[id^=oddsWidget] {
  background: #dadada;
}

.screen-setup-frontend .View[id^=livescoreWidget] {
  background: #dadada;
}

.RetailView .CalltoactionView {
  background: linear-gradient(#D31F00, #951900);
}

.RetailView .CalltoactionView .ProgressImagePathView {
  background: url("../images/cta_arrow.png") no-repeat;
  z-index: -1;
}

.placeholderView.livescorebackground {
  background: url("../images/livescore-background.png") no-repeat;
  background-size: cover;
}

.RetailView .placeholderView.logobox {
  background: url("../images/logo_NEW.svg") no-repeat;
  top: 11px !important;
  left: 5px !important;
  width: 501px !important;
  height: 72px !important;
}