/*CSS HANDLER */
span a {
  display: block;
  height: 100%;
  width: 100%;
}

.Odds_container a.selected,
.eventview a.selected {
  background-color: var(--bg_color);
  color: #222;
}

.Odds_container a.selected:hover,
.eventview a.selected:hover {
  background-color: var(--bg_color);
  color: #222;
}

.coupLarge #center_column {
  margin-left: 0;
}

#main_content.ShowHideCoupon #right_column {
  display: none;
}

#main_content.ShowHideCoupon #center_column {
  margin-right: 0px;
}

#main_content.ShowHideCoupon #SHC_icon {
  color: var(--bg_color);
}

#main_content.ShowHideCoupon #SHC_icon:hover {
  color: #fff;
}

.live_events,
.live_upcoming {
  width: 100%;
  float: left;
}

.live_title {
  display: flex;
  height: 40px;
  width: 100% !important;
  background: var(--colorHeader);
  line-height: 30px;
  margin-bottom: 0;
  color: var(--bg_text);
  position: relative;
  width: var(--LiveNavSportL);
  border-radius: 10px 10px 0 0;
}

#simpleview .countryNav {
  display: flex;
  width: 90%;
  height: 40px;
  padding: 5px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  white-space: nowrap;
  z-index: 1;
}

.insRadeSearch {
  float: right;
}

div.countryNav span.countryNavFlag img {
  margin-left: 15px;
}

div.countryNav span.countryNavFlag:hover {
  background: linear-gradient(
    transparent 0%,
    var(--table_sub_header),
    transparent 100%
  );
  color: var(--textColor);
  transition: 0.5s ease-in-out;
}

.theme1 div.countryNav span.countryNavFlag:hover,
.theme1 .activeRadeNavFlags {
  background: linear-gradient(
    transparent 0%,
    var(--table_sub_header),
    transparent 100%
  );
}

.manidesc {
  color: var(--bg_text) !important;
}

@media screen and (max-width: 991px) {
  #SRLive .Odds_container a {
    margin: 25px auto 5px auto !important;
  }
  .arrow-left-radeOdds {
    left: 1px !important;
  }
  .arrow-right-radeOdds {
    right: -5px !important;
  }
  div.countryNav {
    width: 90% !important;
  }
}

span.countryNavFlag {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  gap: 3px;
}

.activeRadeNavFlags {
  background: linear-gradient(
    transparent 0%,
    var(--NextEveCol2),
    transparent 100%
  );
  color: var(--textColor);
}

.Odds_container:nth-of-type(n) {
  border-right: 1px solid var(--border-main);
}

.Odds_container:nth-of-type(1) {
  border-left: 1px solid var(--border-main);
}

span.countryNavFlag:nth-of-type(n) {
  border-right: 1px solid var(--border-main);
}

.countryNavFlag img,
img.countryNavFlag {
  background-position: 5px center;
  background-repeat: no-repeat;
  height: 11px;
  width: 18px;
  margin: 8px 5px;
}

.match_detail .period {
  min-width: 27.66px;
  margin-right: 5px;
}

.countryNavFlag img,
img.countryNavFlag,
.calendarRadeIcon,
.sport_item_Icon {
  display: block !important;
}

.countryNavFlag span.country_Name {
  margin-right: 12px;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.toggle:hover {
  text-decoration: none;
}

.toggle * {
  color: #333;
}

.toggle .glyphicon {
  float: right;
  display: block;
  padding: 5px;
}

.group_name {
  background-color: #555;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  text-transform: uppercase;
  margin-bottom: 0px;
  transition-property: background-color;
  transition-duration: 0.5s;
}

.group_name:hover {
  background-color: #666;
}

.mani_name {
  text-transform: uppercase;
  padding-left: 30px;
  font-size: 20px;
  height: 25px;
  line-height: 25px;
  background-color: #333;
  margin-bottom: 0px;
  transition-property: background-color;
  transition-duration: 0.5s;
}

.mani_name:hover {
  background-color: #444;
}

.altrow {
  background-color: #202020;
}

.live_match:hover {
  background-color: #191919;
}

.live_match .betstop {
  color: #ccc;
  float: left;
  line-height: 50px;
  text-align: center;
  width: 50%;
}

.betstop .glyphicon.glyphicon-lock {
  line-height: 50px;
  padding: 0 10px;
}

.betstop .glyphicon.glyphicon-lock {
  line-height: 50px;
  padding: 0 10px;
}

.eventview .betstop {
  line-height: 20px;
  height: 20px;
  text-align: center;
  width: 100%;
}

.eventview .betstop .glyphicon.glyphicon-lock {
  line-height: 20px;
  padding: 0 10px;
}

.mani_desc {
  font-size: 10px;
  font-weight: bold;
  max-width: 80%;
  overflow: hidden;
  text-transform: uppercase;
}

.match_detail a:hover {
  text-decoration: none;
  color: var(--bg_color);
}

.live_match:hover .match_detail a {
  color: var(--bg_color);
}

.partials {
  display: none;
}

.match_detail a {
  cursor: pointer;
  display: block;
  height: 100%;
  width: 100%;
}

.live_match .match_detail a {
  margin: 0;
  padding: 0 0 0 8px;
}

.live_match .match_detail .current_time {
  position: absolute;
  top: 28px;
  left: 7px;
  order: 2;
  color: var(--textColor) !important;
}

.Tennis .current_time .icon-holder,
.Pallavolo .current_time .icon-holder {
  display: none !important;
}

.live_match .match_detail .period {
  position: relative;
  top: 6px;
  order: 1 !important;
  color: var(--textColor) !important;
}

.match_detail .match_stats {
  display: flex;
  gap: 10px;
  margin: 0;
  padding: 0;
}

#calendarcontent .match_detail .match_time {
  display: flex;
  order: 1;
  border: 1px solid var(--border-main);
  background: var(--table_sub_header);
  border-radius: 5px;
  height: 23px;
  padding: 0 5px;
  margin-right: 5px !important;
  color: var(--textColor);
}

#calendarcontent .match_detail .match_time span {
  margin-right: 0;
}

#calendarcontent .match_detail .match_name {
  top: 0 !important;
  margin-right: 0;
  right: 7px;
}

#calendarcontent span.match_name .homeTeam,
#calendarcontent span.match_name .awayTeam {
  line-height: 20px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 150px !important;
}

#calendarcontent .startDay {
  display: none;
}

.match_detail span {
  margin-top: 5px;
  padding-left: 10px;
  white-space: nowrap;
}

.match_detail span.status {
  padding: 0;
}

span.match_name {
  color: #fff;
  font-size: 13px;
  overflow: hidden;
  width: 100%;
}

.match_result {
  color: #ed3636;
}

.match_result span {
  display: block;
  font-size: 12px;
  text-align: center;
}
.live_match:hover .match_result span {
  color: var(--bg_color);
}

.match_time {
  color: #aaa;
  display: none;
}

.current_time {
  color: #d18732;
}

.match_stats span {
  margin-right: 5px;
  margin-top: 0;
  padding: 0;
}

.match_stats span .matchRade_span9 {
  top: 2px;
  position: relative;
}

.status {
  display: none;
}

.Odds_container {
  float: left;
  height: 100%;
  width: 15%;
}

.Odds_container a:hover span,
.Odds_container a.selected span {
  color: var(--bg_text);
  border-color: var(--bg_color);
}

.Odds_container[data-oddname^="OvUn_Set_1"] span.live_pron,
.Odds_container[data-oddname^="OvUn_Set_2"] span.live_pron,
.Odds_container[data-oddname^="OvUn_Set_3"] span.live_pron,
.Odds_container[data-oddname^="OvUn_Set_4"] span.live_pron {
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.Odds_container[data-oddname^="OvUn_Set_1"] span.live_pron,
.Odds_container[data-oddname^="OvUn_Set_2"] span.live_pron,
.Odds_container[data-oddname^="OvUn_Set_3"] span.live_pron,
.Odds_container[data-oddname^="OvUn_Set_4"] span.live_pron {
  width: 78px;
  padding: auto;
  margin: auto;
}

.eventview .Odds_container.no_odds a {
  display: block;
  font-size: 14px;
  height: 100%;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  width: 98.4%;
}

.eventview .match_time {
  display: block;
  display: none;
}

.eventview .Odds_container.no_odds a > span {
  display: block;
  float: left;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  width: 100%;
}

.eventview .Odds_container.no_odds a .glyphicon.glyphicon-lock {
  line-height: 30px;
  padding: 0 10px;
}

.eventview #ae .Odds_container.no_odds a {
  font-size: 13px;
}

.ShowOdds {
  float: right;
  line-height: 40px;
  margin-top: 19px;
  text-align: center;
  width: 3%;
}

.Odds_container.no_odds span {
  float: none;
  margin: 0 auto;
  width: auto;
}

.Odds_container.OneClass span {
  display: block;
  float: left;
  width: 100%;
  z-index: 1;
}

.ThreeClass a {
  background-color: #333;
  border-bottom: 1px solid #1a1a1a;
  border-right: 1px solid #1a1a1a;
  display: block;
  float: left;
  width: 32%;
}

.odd_3.first {
  border-left: 1px solid #1a1a1a;
}

.Odds_container.ThreeClass span {
  display: block;
  width: 100%;
  z-index: 1;
}

.TwoClass a {
  background-color: #333;
  display: block;
  float: left;
  height: 100%;
  width: 48.2%;
  border-bottom: 1px solid #1a1a1a;
  border-right: 1px solid #1a1a1a;
}

.Odds_container.TwoClass span {
  display: block;
  z-index: 1;
  position: relative;
}

.odd_2.first {
  border-left: 1px solid #1a1a1a;
}

.FourClass a {
  background-color: #333;
  display: block;
  float: left;
  height: 100%;
  width: 21.75%;
  border-bottom: 1px solid #1a1a1a;
  border-right: 1px solid #1a1a1a;
}

.Odds_container.FourClass span {
  display: block;
  width: 100%;
  z-index: 1;
}

.Odds_container a {
  height: 40px;
  transition-duration: 0.5s;
  transition-property: background-color;
}

.Odds_container a:hover {
  background-color: #444;
  color: #fff;
  text-decoration: none;
}

.Odds_container .live_odd .oldval {
  display: inline-block;
  float: none;
  font-size: 10px;
  line-height: 25px;
  width: auto;
}

.live_pron {
  border-bottom: 1px solid #1a1a1a;
  font-size: 11px;
  line-height: 15px;
  text-align: center;
  border-top: 1px solid #1a1a1a;
}

.live_odd {
  text-align: center;
  line-height: 25px;
  background-color: #111;
}

.oldval {
  font-size: 14px;
}

.ShowOdds span {
  display: block;
  transition-property: background-color;
  transition-duration: 0.5s;
}

.ShowOdds span:hover {
  background-color: #333;
}

.set span {
  padding-left: 0px;
  margin-right: 10px;
}

.Like_Match {
  display: none !important;
  position: relative;
  left: 53.5%;
  top: -61px;
  z-index: 1;
  display: none;
}

.Like_Match span {
  font-size: 15px;
  margin: 0;
  padding: 5px;
  transition-duration: 1s;
  transition-property: transform;
}

.live_match:hover .Like_Match {
  display: block;
}

#fe_cont .Like_Match {
  display: block;
}

#fe_cont .Like_Match span {
  color: #ffdf1b;
}

.delfav {
  color: var(--bg_text);
  float: right;
  height: 28px;
  line-height: 30px;
  padding: 0 10px;
}

.delfav:hover {
  color: var(--bg_text);
}

#calendarcontent {
  margin-left: 5px;
  margin-right: 5px;
}

#calendarcontent .noRadeOdds {
  display: none;
}

.cont {
  float: left;
  margin: 0 0 20px;
  width: 100%;
}

h1.no-event {
  text-align: center;
  font-size: 26px;
}

#calendarcontent .cont {
  margin-top: 5px;
  height: 71vh;
  top: var(--LiveNavHeader) !important;
  overflow-y: auto;
  overflow-x: hidden;
}

#liveevent {
  float: right;
  width: 69%;
}

.up .live_odd {
  color: #28dd18;
}

.down .live_odd {
  color: #ea2420;
}

.live_odd .glyphicon.glyphicon-chevron-right {
  display: inline-block;
  float: none;
  font-size: 10px;
  line-height: 24px;
  padding: 0 2px;
  width: auto;
}

#live_navigation {
  padding-right: 10px;
  position: relative;
  background-color: transparent;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}

#live_navigation .active,
#live_navigation a:hover {
  background-color: transparent;
  color: #fff;
  text-decoration: none;
}

#live_navigation a.activeCalendar {
  background: linear-gradient(transparent, #214858, transparent);
}

#live_navigation a#calendar:hover {
  background: linear-gradient(transparent, #214858, transparent) !important;
}

.theme1 #live_navigation a.activeCalendar,
.theme1 #live_navigation a#calendar:hover {
  background: linear-gradient(
    transparent,
    var(--table_header),
    transparent
  ) !important;
}

#live_navigation a {
  display: flex;
  float: left;
  color: white;
  font-size: 20px;
  height: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 5px;
  transition-duration: 0.5s;
  padding: 0 10px;
}

#live_navigation a i {
  font-size: 15px;
  line-height: 30px;
  top: 0;
}
#SHCoupon.hideCoupon {
  float: right;
}

.eventview {
  width: 100%;
  padding: 0 10px 10px;
  height: calc(
    91vh - var(--navbar-height) - var(--section-height) - var(--LiveNavHeader)
  );
  overflow-y: scroll;
  overflow-x: hidden;
}

.eventview #ue0_cont .live_match,
.eventview #ue1_cont .live_match {
  height: 60px;
}

#livecontent.eventview #simpleview {
  float: left;
  position: relative;
  width: 220px;
  z-index: 1;
}

.eventview #liveevent {
  float: none;
  margin-left: 200px;
  position: relative;
  width: auto;
}

.eventview .cont {
  float: left;
  margin: 0 0 20px;
  width: 200px;
}

.eventview .match_name {
  display: block;
  font-size: 13px;
  line-height: 20px;
  max-width: 170px;
  overflow: hidden;
}

.eventview .match_detail {
  float: none;
  width: auto;
  overflow: hidden;
}

.eventview #simpleview .match_detail {
  height: auto;
  padding: 4px 0;
}

.eventview .match_result span {
  display: block;
  font-size: 12px;
  height: 100%;
  line-height: 15px;
  text-align: left;
}

.eventview .live_match {
  border-bottom: 1px solid #333;
  height: auto;
  overflow: hidden;
  position: relative;
  transition-duration: 0.5s;
  transition-property: background-color;
}

.eventview .live_match:hover {
  background-color: #191919;
}

.eventview #scoreboard {
  margin: 0 auto 10px;
  width: auto;
}

.eventview .FourClass a {
  margin-right: 1px;
  width: 24.7%;
}

.eventview .ThreeClass a {
  margin-right: 1px;
  width: 32.9%;
}

.eventview .TwoClass a {
  margin-right: 1px;
  width: 49.6%;
}

.eventview .ShowOdds {
  right: 50px;
  width: 50px;
  display: none;
}

.eventview li.live_match:hover .match_detail span {
  border-left: none;
}

.eventview .class_cont:hover h1 {
  background-color: #555;
}

.eventview .odd:hover * {
  color: var(--bg_text);
}

.eventview .odd_value a {
  font-size: 20px;
}

.eventview #live_events_odds .glyphicon.glyphicon-lock {
  line-height: 28px;
}

.eventview #live_events_odds .betstop .glyphicon.glyphicon-lock {
  line-height: 20px;
}

.multievent #live_events_odds .glyphicon.glyphicon-lock {
  line-height: 20px;
  font-size: 10px;
}

.glyphicon.glyphicon-lock {
  pointer-events: none;
}

.radeOddSlider .sospesa:has(.glyphicon.glyphicon-lock),
#live_events_odds .odd:has(.glyphicon.glyphicon-lock) {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.odd .glyphicon.glyphicon-lock {
  float: right;
  margin: 0 12px;
}

.eventview .eventBox .Odds_container.no_odds span {
  font-size: 14px;
}

.multiview #live_events_odds .glyphicon.glyphicon-lock {
  float: right;
  font-size: 10px;
  line-height: 20px;
  padding: 2px;
}

.eventview .up {
  background-image: url(../img/livebetting/up.gif);
}

.eventview .down {
  background-image: url(../img/livebetting/down.gif);
}

.eventview #liveevent .up {
  background-image: none;
}

.eventview #liveevent .down {
  background-image: none;
}

.eventview #liveevent .down a .live_odd:before,
.eventview #liveevent .up a .live_odd:before {
  content: "";
  height: 24px;
  position: absolute;
  right: 50px;
  top: 5px;
  width: 18px;
}

.eventview #liveevent .up a .live_odd:before {
  background-image: url("../img/livebetting/le_up.png");
}

.eventview #liveevent .down a .live_odd:before {
  background-image: url("../img/livebetting/le_down.png");
}

.eventview .live_match.active {
  background-color: #191919;
}

.eventview .live_match.active * {
  color: #ffcf18;
}

.eventview .odd.selected * {
  color: #222;
}

.eventview .odd a:hover {
  background-color: var(--bg_color);
  text-decoration: none;
}

.eventview .odd a:hover .live_odd,
.eventview .odd.selected .live_odd {
  background-color: var(--bg_color);
  color: var(--bg_text);
}

.eventview .odd a:hover .live_pron {
  color: var(--bg_text);
}

.eventview .odd.selected a {
  background-color: var(--bg_color);
}

.eventview .odd:hover .live_odd {
  color: var(--bg_color);
}

.eventview .Odds_container.TwoClass span,
.eventview .Odds_container.ThreeClass span,
.eventview .Odds_container.FourClass span {
  font-size: 13px;
  line-height: 30px;
  width: 47%;
  overflow: hidden;
}

.eventview .live_title {
  font-size: 17px;
}

.eventview .TwoClass a {
  width: 49.4%;
}

.eventview .ThreeClass a {
  width: 32.8%;
}

.oneClass .odd {
  margin: 0;
  width: 100%;
}

.fourClass .odd {
  margin: 0;
  width: 25%;
}

.otherClass .odd {
  margin: 0;
  width: 33.3%;
}

.class_cont.otherClass {
  width: 100%;
}

/*MULTIEVENT*/
#livecontent.multievent #simpleview {
  width: 200px;
  margin-top: 0px;
  float: left;
}

.multievent .cont {
  width: 200px;
}

.multicont #leftcont,
.multicont #rightcont {
  width: 100%;
}

.multievent #liveevent {
  float: none;
  padding-left: 205px;
  width: auto;
}

.multievent .class_cont {
  min-height: 0;
  padding: 0;
  width: 100%;
}

.multievent .match_name {
  font-size: 13px;
}

.multievent .live_title {
  font-size: 17px;
}

.multievent .live_match {
  overflow: hidden;
}

.multievent .match_detail {
  overflow: hidden;
  width: 200px;
}

.multievent .class_cont h1 {
  background-color: #333;
  border-top: 1px solid var(--bg_color);
  font-size: 15px;
  margin: 0;
  padding: 3px;
}

.multievent .TwoClass a {
  width: 49.4%;
}

.multievent .ThreeClass a {
  width: 32.8%;
}

.multicont {
  border: 1px solid #424242;
  float: left;
  margin-bottom: 10px;
  margin-left: 0.5%;
  margin-right: 0.5%;
  overflow: auto;
  width: 28%;
}

.multievent .eventBox {
  overflow: auto;
  height: 345px;
  margin: 0;
}

.multievent .odd {
  height: 20px;
  border-radius: 0px;
  border: 0px;
}

.multievent .otherClass .odd {
  width: 50%;
}

.multievent .odd a {
  display: block;
  height: 100%;
  padding: 0;
  cursor: pointer;
  width: 100%;
}

.multievent .odd .live_pron {
  border: medium none;
  display: inline;
  float: left;
  line-height: 20px;
  padding: 0 4px;
  width: auto;
}

.multievent .odd:hover .live_pron {
  color: var(--bg_text);
}

.multievent .multicont .eventName {
  background: var(--regola_gradiente);
  font-size: 15px;
  padding: 5px;
  text-transform: uppercase;
  color: var(--bg_text);
  margin-bottom: 0px;
}

.multievent .odd .live_odd {
  background-color: #111;
  float: right;
  font-size: 12px;
  line-height: 20px;
  padding-left: 4px;
  padding-right: 4px;
  min-width: 30px;
  text-align: center;
}

.multievent .selected .live_odd {
  color: var(--bg_text);
  background-color: var(--bg_color);
}

.multievent .odd:hover .live_odd {
  color: var(--bg_text);
  background: transparent;
}

.delEv {
  color: var(--bg_text);
  float: right;
  padding: 0 5px;
}

.delEv:hover {
  color: #aa0000;
}

.multievent #liveevent .down a .live_odd:before,
.multievent #liveevent .up a .live_odd:before {
  background-repeat: no-repeat;
  background-size: 55% auto;
  content: "";
  height: 24px;
  position: absolute;
  right: 35px;
  top: 4px;
  width: 18px;
}

/*WIDGET */
.eventview .srw-container:after {
  clear: none;
  display: block;
}

.eventview #live_widget_container #SRLive .sc-container.sc-stats-container {
  width: 100%;
  position: relative;
}

.eventview #live_widget_container #SRLive .srw-container .header-content-betent,
.eventview #live_widget_container #SRLive .srw-container .column.middle {
  width: 100% !important;
}

#brframe {
  padding: 10px 0;
}

/*CALENDARIO*/
#day_tabs {
  margin-top: 1px;
}

.day_nav {
  float: left;
  height: 35px;
  text-align: center;
  width: 10%;
  margin: 0 6px;
  position: relative;
  border: 1px solid var(--border-main);
  border-radius: 25px;
  background-color: var(--table_row);
}

ul#day_tabs li.active a span,
ul#day_tabs li.active a {
  color: var(--textColor);
}

ul#day_tabs li.day_nav .day_neve {
  display: flex;
  align-items: center;
  border: 1px solid var(--border-main);
  background: var(--table_row);
  border-radius: 5px;
  margin-left: 6px;
  padding: 3px 12px;
  width: 20px;
  justify-content: center;
  height: auto;
}

.day_nav.active a {
  color: var(--bg_text);
  background-color: var(--bgColor2);
  border-radius: 25px;
}

.day_nav:hover a {
  background-color: var(--bgColor2);
  color: var(--bg_text);
  border-radius: 25px;
}

.day_nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-decoration: none;
  padding: 0 15px;
  background-color: var(--colore_principale2_dark);
  color: var(--testo_gradiente2);
  border-radius: 5px 5px 0 0;
}

.calendar .cont {
  height: 660px;
  overflow-x: hidden;
}

#center_column #livecontent.calendar {
  background-color: var(--colore_principale2);
}

.calendar .day_neve {
  background: linear-gradient(to bottom, #fa3c45 0%, #dc0d17 100%) repeat scroll
    0 0 rgba(0, 0, 0, 0);
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
  float: none;
  font-size: 11px;
  line-height: 13px;
  min-height: 13px;
  padding: 1px 3px;
  position: absolute;
  right: -5px;
  text-align: center;
  top: -5px;
  color: #fff;
}

#calendarcontent .match_detail {
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
  width: 100%;
}

#calnedercontant .match_detail .mani_desc span {
  font-size: 16px;
}

#calendarcontent .match_detail .mani_desc {
  text-overflow: ellipsis;
  float: none;
  margin-top: 0px;
  padding-left: 0px;
  color: var(--textColor);
  white-space: normal;
}

#calendarcontent .match_detail img {
  width: 18px;
  position: relative;
  float: left;
  margin-left: 10px;
  filter: var(--colorInvert);
}

#calendarcontent .match_detail match_name {
  order: 2 !important;
}

#calendarcontent .match_detail .match_stats {
  display: flex;
  font-size: 12px;
  border-top: 1px solid var(--border-main);
  padding: 10px 0;
  gap: 12px !important;
  margin-top: 2px;
  align-items: center;
  padding-left: 10px;
  order: 1;
}

.calendar .match_detail span {
  color: var(--testo_gradiente2);
  cursor: default;
  padding-bottom: 0;
  width: 100%;
}

.calendar .sports {
  display: none;
}

#calendarcontent .match_detail a {
  color: var(--testo_gradiente2);
  cursor: default;
  padding: 0;
}

#calendarcontent .match_name {
  line-height: 25px;
}

.calendar .match_detail .groupico {
  width: 25px;
  display: block;
  float: right;
  position: absolute;
  right: 0px;
}

.calendar .live_match {
  background-color: var(--colore_principale2);
  width: 33%;
  float: left;
}

/* ICONE */
.match_detail:after {
  content: "";
  height: 30px;
  position: absolute;
  right: 0;
  top: 10px;
  width: 30px;
}

.eventview .match_detail:after {
  content: "";
  height: 30px;
  position: absolute;
  right: -5px;
  top: -5px;
  width: 30px;
}

#fe h1 span,
#ae h1 span {
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
}

#ae a.sportgroup,
#fe a.sportgroup {
  background-color: #333;
  border-top: 1px solid #666;
  display: block;
  height: 30px;
  display: none;
}

a.sportgroup {
  text-decoration: none;
}

#live_navigation .sportgroup:hover span.neve {
  color: #222;
}

#live_navigation a.sportgroup {
  border-collapse: collapse;
  cursor: pointer;
  display: block;
  height: 30px;
  padding: 0 10px;
  width: auto;
}

#live_navigation a.sportgroup:hover {
  background-color: #444;
}

.sports {
  display: inline-block;
  margin: 0 20px;
}

.eventview .sports {
  display: none;
}

.eventview #groupbysport {
  display: none;
}

.sports > li {
  float: left;
}

.sports a span {
  color: #fff;
  display: inline-block;
  line-height: 30px;
}

.live_title span .sports a {
  float: none;
  height: auto;
  padding: 0;
  width: auto;
}

.sports span.Calcio {
  background-position: center top;
}

.sports span.Basket {
  background-position: 40px -100px;
}

.sports span.Tennis {
  background-position: 40px -50px;
}

/*COLONNE*/
.onecol #leftcont,
.onecol #rightcont {
  width: 100%;
}

#live_navigation.onecol .check_two {
  display: block;
}

#live_navigation.onecol .check_one {
  display: none;
}

#live_navigation .check_two {
  display: none;
}

#live_navigation .check_two,
#live_navigation .check_one {
  background-position: center center;
  background-color: transparent;
  background-repeat: no-repeat;
  margin-left: 5px;
  position: relative;
  width: 30px;
}

.live_title span a {
  color: #222;
  float: right;
  height: 17px;
  padding: 1px 5px;
  width: 17px;
}

.Odds_container .odd_1 {
  background: none repeat scroll 0 0 #333;
  display: block;
  margin: 0;
  padding: 0;
  width: 98.5%;
}

.simpleview .Odds_container span {
  display: block;
  float: left;
  font-size: 20px;
  height: 100%;
  line-height: 50px;
  z-index: 1;
}

.Odds_container.no_odds {
  float: none;
  height: auto;
  margin: 0;
  width: 100%;
}

.Odds_container.no_odds a {
  background: none repeat scroll 0 0 transparent;
  display: block;
  width: 100%;
}

.Odds_container.no_odds .glyphicon.glyphicon-lock {
  display: none;
}

.Odds_container.no_odds a span {
  display: inline-block;
  font-size: 10px;
  height: 100%;
  line-height: 40px;
  text-align: center;
  white-space: nowrap;
  width: 100%;
}

.Odds_container.no_odds a span span {
  display: inline-block;
}

.Odds_container .live_odd .glyphicon.glyphicon-lock {
  font-size: 10px;
  height: 100%;
  line-height: 25px;
  text-align: center;
  width: 100%;
}

.eventview #simpleview .glyphicon.glyphicon-lock {
  width: auto;
}

.select_events {
  display: block;
  text-align: center;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
}

#old_nav {
  padding: 10px;
}

#old_version {
  display: block;
  float: right;
  font-size: 14px;
}

#old_version:hover {
  text-decoration: underline;
}

.ClassName {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
}

.no_events {
  display: block;
  line-height: 14px;
  margin: 0 auto;
  width: 200px;
}

.sr-stats-val {
  color: #fff;
}

.sr-widgets-lmts .sr-lmts-nav-button-inner {
  color: #fff;
}

.sr-clearfix {
  color: #fff;
}

#br_cont .sr-navigation div * {
  color: #fff;
}

.sr-widget .sr-widgets-matchheader .sr-scoreboard-head {
  background: var(--regola_gradiente);
  color: var(--bg_text);
}

.sr-widget .sr-label {
  color: #222;
}

.widgets {
  flex: 1;
  max-width: 800px;
  width: 100%;
}

.sr-widget {
  border: rgba(0, 0, 0, 0.12) solid 1px;
  margin-bottom: 24px;
}

#widget-frame {
  display: flex;
  width: 75%;
  float: right;
}

/* Enable dark or light logo based on base color */
@import url("//fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=latin,latin-ext");

.sr-bb {
  font-family: "Roboto", "Noto", "Helvetica Neue", "Helvetica", "Arial",
    sans-serif;
  background: #ffffff;
}

.sr-bb .sr-bb {
  background: none;
}

.sr-bb .srt-base-1 {
  background-color: transparent;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-win {
  background-color: transparent;
  color: red;
  border-color: red;
}

.sr-bb .srt-base-1-draw {
  background-color: transparent;
  color: #c2c2c2;
  border-color: #c2c2c2;
}

.sr-bb .srt-base-1-lose {
  background-color: transparent;
  color: #ff8787;
  border-color: #ff8787;
}

.sr-bb .srt-base-1-is-active {
  background-color: rgba(255, 0, 0, 0.12);
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-is-active-2 {
  background-color: #e6e6e6;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-is-hoverable:hover {
  background-color: rgba(255, 0, 0, 0.12);
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-primary {
  background-color: transparent;
  color: #ff0000;
  border-color: #ff0000;
}

.sr-bb .srt-base-1-home-1 {
  background-color: transparent;
  color: #3f3f41;
  border-color: #3f3f41;
}

.sr-bb .srt-base-1-away-1 {
  background-color: transparent;
  color: #9c9c9c;
  border-color: #9c9c9c;
}

.sr-bb .srt-base-1-home-2 {
  background-color: transparent;
  color: #3f3f41;
  border-color: #940000;
}

.sr-bb .srt-base-1-away-2 {
  background-color: transparent;
  color: #9c9c9c;
  border-color: #940000;
}

.sr-bb .srt-base-1-home-3 {
  background-color: transparent;
  color: #3f3f41;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-away-3 {
  background-color: transparent;
  color: #9c9c9c;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-home-4 {
  background-color: transparent;
  color: #79797a;
  border-color: #79797a;
}

.sr-bb .srt-base-1-away-4 {
  background-color: transparent;
  color: #bababa;
  border-color: #bababa;
}

.sr-bb .srt-base-1-home-5 {
  background-color: transparent;
  color: #29292a;
  border-color: #29292a;
}

.sr-bb .srt-base-1-away-5 {
  background-color: transparent;
  color: #656565;
  border-color: #656565;
}

.sr-bb .srt-base-1-background {
  background-color: white;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-2 {
  background-color: white;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-2-is-active {
  background-color: #ffe0e0;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-2-is-hoverable:hover {
  background-color: #ffe0e0;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-3 {
  background-color: #ffe0e0;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-3-is-active {
  background-color: #ffd4d4;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-3-is-hoverable:hover {
  background-color: #ffd4d4;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-3-background {
  background-color: white;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-4 {
  background-color: #fff2f2;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-5-is-active {
  background-color: #ffbdbd;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-5-is-hoverable:hover {
  background-color: #ffbdbd;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-6 {
  background-color: transparent;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.3);
}

.sr-bb .srt-primary-1 {
  background-color: #ff0000;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-1-is-active {
  background-color: #ff1a1a;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-1-is-hoverable:hover {
  background-color: #ff1a1a;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-1-is-disabled {
  background-color: #ff3333;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-2 {
  background-color: #b30000;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-3 {
  background-color: #ff1a1a;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-4 {
  background-color: #ff6666;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-5 {
  background-color: #ff6666;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-5-is-hoverable:hover {
  background-color: #ff0000;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-6 {
  background-color: #940000;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-7 {
  background-color: #ff0000;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-8 {
  background-color: #ff0000;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-8-is-active-1 {
  background-color: #ff1a1a;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-8-is-active-2 {
  background-color: #ff1a1a;
  color: #ffffff;
  border-color: #ffffff;
}

.sr-bb .srt-primary-9 {
  background-color: #ffb3b3;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-primary-10 {
  background-color: #ff3333;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-11 {
  background-color: #ff1a1a;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-12 {
  background-color: #ff0000;
  color: #ffffff;
  border-color: #ffffff;
}

.sr-bb .srt-primary-13 {
  background-color: #fff2f2;
  color: #ffffff;
  border-color: rgba(255, 0, 0, 0.3);
}

.sr-bb .srt-base-1-primary-1 {
  background-color: transparent;
  color: #ff0000;
  border-color: #ff0000;
}

.sr-bb .srt-base-1-primary-2 {
  background-color: transparent;
  color: #b30000;
  border-color: #b30000;
}

.sr-bb .srt-base-1-primary-3 {
  background-color: transparent;
  color: #ff1a1a;
  border-color: #ff1a1a;
}

.sr-bb .srt-base-1-primary-4 {
  background-color: transparent;
  color: #ff6666;
  border-color: #ff6666;
}

.sr-bb .srt-base-1-primary-5 {
  background-color: transparent;
  color: #ff6666;
  border-color: #ff6666;
}

.sr-bb .srt-base-1-primary-6 {
  background-color: transparent;
  color: #940000;
  border-color: #940000;
}

.sr-bb .srt-base-1-primary-7 {
  background-color: transparent;
  color: #ff0000;
  border-color: #ff0000;
}

.sr-bb .srt-base-1-primary-8 {
  background-color: transparent;
  color: #ff0000;
  border-color: #ff0000;
}

.sr-bb .srt-base-1-primary-9 {
  background-color: transparent;
  color: #ffb3b3;
  border-color: #ffb3b3;
}

.sr-bb .srt-base-1-primary-10 {
  background-color: transparent;
  color: #ff3333;
  border-color: #ff3333;
}

.sr-bb .srt-base-1-primary-11 {
  background-color: transparent;
  color: #ff1a1a;
  border-color: #ff1a1a;
}

.sr-bb .srt-base-1-primary-13 {
  background-color: #ffffff;
  color: #fff2f2;
  border-color: rgba(255, 0, 0, 0.3);
}

.sr-bb .srt-base-1-neutral-1 {
  background-color: transparent;
  color: #dedede;
  border-color: #dedede;
}

.sr-bb .srt-base-1-neutral-2 {
  background-color: transparent;
  color: #1a1a1a;
  border-color: #1a1a1a;
}

.sr-bb .srt-base-1-neutral-3 {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-neutral-4 {
  background-color: transparent;
  color: #595959;
  border-color: #595959;
}

.sr-bb .srt-base-1-neutral-5 {
  background-color: transparent;
  color: #404040;
  border-color: #404040;
}

.sr-bb .srt-base-1-neutral-6 {
  background-color: transparent;
  color: #c2c2c2;
  border-color: #c2c2c2;
}

.sr-bb .srt-base-1-neutral-7 {
  background-color: transparent;
  color: #595959;
  border-color: #595959;
}

.sr-bb .srt-base-1-neutral-8 {
  background-color: transparent;
  color: #dedede;
  border-color: #dedede;
}

.sr-bb .srt-base-1-neutral-9 {
  background-color: transparent;
  color: #f0f0f0;
  border-color: #f0f0f0;
}

.sr-bb .srt-base-1-neutral-10 {
  background-color: transparent;
  color: #e0e0e0;
  border-color: #e0e0e0;
}

.sr-bb .srt-base-1-neutral-11 {
  background-color: transparent;
  color: #999999;
  border-color: #999999;
}

.sr-bb .srt-base-1-neutral-12 {
  background-color: transparent;
  color: #4d4d4d;
  border-color: #4d4d4d;
}

.sr-bb .srt-base-1-neutral-13 {
  background-color: transparent;
  color: #e6e6e6;
  border-color: #e6e6e6;
}

.sr-bb .srt-base-1-is-active-primary {
  background-color: rgba(255, 0, 0, 0.12);
  color: #ff0000;
  border-color: #ff0000;
}

.sr-bb .srt-base-1-is-active-home-1 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #3f3f41;
  border-color: #3f3f41;
}

.sr-bb .srt-base-1-is-active-away-1 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #9c9c9c;
  border-color: #9c9c9c;
}

.sr-bb .srt-base-1-is-active-home-2 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #3f3f41;
  border-color: #940000;
}

.sr-bb .srt-base-1-is-active-away-2 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #9c9c9c;
  border-color: #940000;
}

.sr-bb .srt-base-1-is-active-home-3 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #3f3f41;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-is-active-away-3 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #9c9c9c;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-is-active-home-4 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #79797a;
  border-color: #79797a;
}

.sr-bb .srt-base-1-is-active-away-4 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #bababa;
  border-color: #bababa;
}

.sr-bb .srt-base-1-is-active-home-5 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #29292a;
  border-color: #29292a;
}

.sr-bb .srt-base-1-is-active-away-5 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #656565;
  border-color: #656565;
}

.sr-bb .srt-base-1-is-active-primary-1 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #ff0000;
  border-color: #ff0000;
}

.sr-bb .srt-base-1-is-active-primary-2 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #b30000;
  border-color: #b30000;
}

.sr-bb .srt-base-1-is-active-primary-3 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #ff1a1a;
  border-color: #ff1a1a;
}

.sr-bb .srt-base-1-is-active-primary-4 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #ff6666;
  border-color: #ff6666;
}

.sr-bb .srt-base-1-is-active-primary-5 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #ff6666;
  border-color: #ff6666;
}

.sr-bb .srt-base-1-is-active-primary-6 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #940000;
  border-color: #940000;
}

.sr-bb .srt-base-1-is-active-primary-7 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #ff0000;
  border-color: #ff0000;
}

.sr-bb .srt-base-1-is-active-primary-8 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #ff0000;
  border-color: #ff0000;
}

.sr-bb .srt-base-1-is-active-primary-9 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #ffb3b3;
  border-color: #ffb3b3;
}

.sr-bb .srt-base-1-is-active-primary-10 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #ff3333;
  border-color: #ff3333;
}

.sr-bb .srt-base-1-is-active-primary-11 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #ff1a1a;
  border-color: #ff1a1a;
}

.sr-bb .srt-base-1-is-active-neutral-1 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #dedede;
  border-color: #dedede;
}

.sr-bb .srt-base-1-is-active-neutral-2 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #1a1a1a;
  border-color: #1a1a1a;
}

.sr-bb .srt-base-1-is-active-neutral-3 {
  background-color: rgba(255, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-is-active-neutral-4 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #595959;
  border-color: #595959;
}

.sr-bb .srt-base-1-is-active-neutral-5 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #404040;
  border-color: #404040;
}

.sr-bb .srt-base-1-is-active-neutral-6 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #c2c2c2;
  border-color: #c2c2c2;
}

.sr-bb .srt-base-1-is-active-neutral-7 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #595959;
  border-color: #595959;
}

.sr-bb .srt-base-1-is-active-neutral-8 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #dedede;
  border-color: #dedede;
}

.sr-bb .srt-base-1-is-active-neutral-9 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #f0f0f0;
  border-color: #f0f0f0;
}

.sr-bb .srt-base-1-is-active-neutral-10 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #e0e0e0;
  border-color: #e0e0e0;
}

.sr-bb .srt-base-1-is-active-neutral-11 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #999999;
  border-color: #999999;
}

.sr-bb .srt-base-1-is-active-neutral-12 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #4d4d4d;
  border-color: #4d4d4d;
}

.sr-bb .srt-base-1-is-active-neutral-13 {
  background-color: rgba(255, 0, 0, 0.12);
  color: #e6e6e6;
  border-color: #e6e6e6;
}

.sr-bb .srt-home-1 {
  background-color: #3f3f41;
  color: #ffffff;
  border-color: #3f3f41;
}

.sr-bb .srt-away-1 {
  background-color: #9c9c9c;
  color: #000000;
  border-color: #9c9c9c;
}

.sr-bb .srt-home-2 {
  background-color: #3f3f41;
  color: #ffffff;
  border-color: #940000;
}

.sr-bb .srt-away-2 {
  background-color: #9c9c9c;
  color: #000000;
  border-color: #940000;
}

.sr-bb .srt-home-3 {
  background-color: #3f3f41;
  color: #ffffff;
  border-color: #ffffff;
}

.sr-bb .srt-away-3 {
  background-color: #9c9c9c;
  color: #000000;
  border-color: #ffffff;
}

.sr-bb .srt-home-4 {
  background-color: #79797a;
  color: #ffffff;
  border-color: #79797a;
}

.sr-bb .srt-away-4 {
  background-color: #bababa;
  color: #000000;
  border-color: #bababa;
}

.sr-bb .srt-home-5 {
  background-color: #29292a;
  color: #ffffff;
  border-color: #29292a;
}

.sr-bb .srt-away-5 {
  background-color: #656565;
  color: #000000;
  border-color: #656565;
}

.sr-bb .srt-neutral-1 {
  background-color: #dedede;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-neutral-2 {
  background-color: #1a1a1a;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-neutral-3 {
  background-color: rgba(0, 0, 0, 0.12);
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-neutral-4 {
  background-color: #595959;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-neutral-5 {
  background-color: #404040;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-neutral-6 {
  background-color: #c2c2c2;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-neutral-7 {
  background-color: #595959;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-neutral-8 {
  background-color: #dedede;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-neutral-9 {
  background-color: #f0f0f0;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-neutral-10 {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.82);
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-neutral-11 {
  background-color: #999999;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-neutral-12 {
  background-color: #4d4d4d;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-neutral-13 {
  background-color: #e6e6e6;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-win {
  background-color: red;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-draw {
  background-color: #c2c2c2;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-lose {
  background-color: #ff8787;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-text-secondary {
  opacity: 0.7;
}

.sr-bb .srt-text-disabled {
  opacity: 0.35;
}

.sr-bb .srt-text-tertiary {
  opacity: 0.54;
}

.sr-bb .srt-primary-1 .srt-text-secondary,
.sr-bb .srt-primary-1.srt-text-secondary,
.sr-bb .srt-primary-1-is-active .srt-text-secondary,
.sr-bb .srt-primary-1-is-active.srt-text-secondary,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-secondary,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-secondary,
.sr-bb .srt-primary-1-is-disabled .srt-text-secondary,
.sr-bb .srt-primary-1-is-disabled.srt-text-secondary,
.sr-bb .srt-primary-2 .srt-text-secondary,
.sr-bb .srt-primary-2.srt-text-secondary,
.sr-bb .srt-primary-3 .srt-text-secondary,
.sr-bb .srt-primary-3.srt-text-secondary,
.sr-bb .srt-primary-4 .srt-text-secondary,
.sr-bb .srt-primary-4.srt-text-secondary,
.sr-bb .srt-primary-5 .srt-text-secondary,
.sr-bb .srt-primary-5.srt-text-secondary,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-secondary,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-secondary,
.sr-bb .srt-primary-6 .srt-text-secondary,
.sr-bb .srt-primary-6.srt-text-secondary,
.sr-bb .srt-primary-7 .srt-text-secondary,
.sr-bb .srt-primary-7.srt-text-secondary,
.sr-bb .srt-primary-8 .srt-text-secondary,
.sr-bb .srt-primary-8.srt-text-secondary,
.sr-bb .srt-primary-8-is-active-1 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-1.srt-text-secondary,
.sr-bb .srt-primary-8-is-active-2 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-2.srt-text-secondary,
.sr-bb .srt-primary-9 .srt-text-secondary,
.sr-bb .srt-primary-9.srt-text-secondary,
.sr-bb .srt-primary-10 .srt-text-secondary,
.sr-bb .srt-primary-10.srt-text-secondary,
.sr-bb .srt-primary-11 .srt-text-secondary,
.sr-bb .srt-primary-11.srt-text-secondary,
.sr-bb .srt-primary-12 .srt-text-secondary,
.sr-bb .srt-primary-12.srt-text-secondary,
.sr-bb .srt-primary-13 .srt-text-secondary,
.sr-bb .srt-primary-13.srt-text-secondary {
  opacity: 0.8;
}

.sr-bb .srt-primary-1 .srt-text-disabled,
.sr-bb .srt-primary-1.srt-text-disabled,
.sr-bb .srt-primary-1-is-active .srt-text-disabled,
.sr-bb .srt-primary-1-is-active.srt-text-disabled,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-disabled,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-disabled,
.sr-bb .srt-primary-1-is-disabled .srt-text-disabled,
.sr-bb .srt-primary-1-is-disabled.srt-text-disabled,
.sr-bb .srt-primary-2 .srt-text-disabled,
.sr-bb .srt-primary-2.srt-text-disabled,
.sr-bb .srt-primary-3 .srt-text-disabled,
.sr-bb .srt-primary-3.srt-text-disabled,
.sr-bb .srt-primary-4 .srt-text-disabled,
.sr-bb .srt-primary-4.srt-text-disabled,
.sr-bb .srt-primary-5 .srt-text-disabled,
.sr-bb .srt-primary-5.srt-text-disabled,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-disabled,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-disabled,
.sr-bb .srt-primary-6 .srt-text-disabled,
.sr-bb .srt-primary-6.srt-text-disabled,
.sr-bb .srt-primary-7 .srt-text-disabled,
.sr-bb .srt-primary-7.srt-text-disabled,
.sr-bb .srt-primary-8 .srt-text-disabled,
.sr-bb .srt-primary-8.srt-text-disabled,
.sr-bb .srt-primary-8-is-active-1 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-1.srt-text-disabled,
.sr-bb .srt-primary-8-is-active-2 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-2.srt-text-disabled,
.sr-bb .srt-primary-9 .srt-text-disabled,
.sr-bb .srt-primary-9.srt-text-disabled,
.sr-bb .srt-primary-10 .srt-text-disabled,
.sr-bb .srt-primary-10.srt-text-disabled,
.sr-bb .srt-primary-11 .srt-text-disabled,
.sr-bb .srt-primary-11.srt-text-disabled,
.sr-bb .srt-primary-12 .srt-text-disabled,
.sr-bb .srt-primary-12.srt-text-disabled,
.sr-bb .srt-primary-13 .srt-text-disabled,
.sr-bb .srt-primary-13.srt-text-disabled {
  opacity: 0.6;
}

.sr-bb .srt-primary-1 .srt-text-tertiary,
.sr-bb .srt-primary-1.srt-text-tertiary,
.sr-bb .srt-primary-1-is-active .srt-text-tertiary,
.sr-bb .srt-primary-1-is-active.srt-text-tertiary,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-tertiary,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-tertiary,
.sr-bb .srt-primary-1-is-disabled .srt-text-tertiary,
.sr-bb .srt-primary-1-is-disabled.srt-text-tertiary,
.sr-bb .srt-primary-2 .srt-text-tertiary,
.sr-bb .srt-primary-2.srt-text-tertiary,
.sr-bb .srt-primary-3 .srt-text-tertiary,
.sr-bb .srt-primary-3.srt-text-tertiary,
.sr-bb .srt-primary-4 .srt-text-tertiary,
.sr-bb .srt-primary-4.srt-text-tertiary,
.sr-bb .srt-primary-5 .srt-text-tertiary,
.sr-bb .srt-primary-5.srt-text-tertiary,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-tertiary,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-tertiary,
.sr-bb .srt-primary-6 .srt-text-tertiary,
.sr-bb .srt-primary-6.srt-text-tertiary,
.sr-bb .srt-primary-7 .srt-text-tertiary,
.sr-bb .srt-primary-7.srt-text-tertiary,
.sr-bb .srt-primary-8 .srt-text-tertiary,
.sr-bb .srt-primary-8.srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-1 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-1.srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-2 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-2.srt-text-tertiary,
.sr-bb .srt-primary-9 .srt-text-tertiary,
.sr-bb .srt-primary-9.srt-text-tertiary,
.sr-bb .srt-primary-10 .srt-text-tertiary,
.sr-bb .srt-primary-10.srt-text-tertiary,
.sr-bb .srt-primary-11 .srt-text-tertiary,
.sr-bb .srt-primary-11.srt-text-tertiary,
.sr-bb .srt-primary-12 .srt-text-tertiary,
.sr-bb .srt-primary-12.srt-text-tertiary,
.sr-bb .srt-primary-13 .srt-text-tertiary,
.sr-bb .srt-primary-13.srt-text-tertiary {
  opacity: 0.7;
}

.sr-bb .srt-icon {
  opacity: 0.33;
}

.sr-bb .srt-icon-secondary {
  opacity: 0.7;
}

.sr-bb .srt-elevation-1 {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.sr-bb .srt-elevation-2 {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.23),
    0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.sr-bb .srt-elevation-3 {
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.26),
    0px 10px 20px 0px rgba(0, 0, 0, 0.19);
}

.sr-bb .srt-elevation-center-2 {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.23), 0 1px 5px rgba(0, 0, 0, 0.16);
}

.sr-bb .srt-inset-top-1 {
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.23);
}

.sr-bb .srt-inset-bottom-1 {
  box-shadow: inset 0 -1px 2px 0 rgba(0, 0, 0, 0.23);
}

.sr-bb .srt-inset-top-2 {
  box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.23);
}

.sr-bb .srt-inset-bottom-2 {
  box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.23);
}

.sr-bb .srt-inset-top-3 {
  box-shadow: inset 0 6px 6px 0 rgba(0, 0, 0, 0.23);
}

.sr-bb .srt-inset-bottom-3 {
  box-shadow: inset 0 -6px 6px 0 rgba(0, 0, 0, 0.23);
}

.sr-bb .srt-fill-blue-card {
  fill: #2579ad;
}

.sr-bb .srt-stroke-blue-card {
  stroke: #2579ad;
}

.sr-bb .srt-fill-soccer-yellow-card {
  fill: #ffbf00;
}

.sr-bb .srt-stroke-soccer-yellow-card {
  stroke: #ffbf00;
}

.sr-bb .srt-fill-soccer-red-card {
  fill: #e43b3b;
}

.sr-bb .srt-stroke-soccer-red-card {
  stroke: #e43b3b;
}

.sr-bb .srt-stroke-soccer-substitution-in {
  stroke: #4fbe30;
  fill: transparent;
}

.sr-bb .srt-fill-soccer-substitution-in {
  fill: #4fbe30;
}

.sr-bb .srt-stroke-soccer-substitution-out {
  stroke: #e43b3b;
  fill: transparent;
}

.sr-bb .srt-fill-soccer-substitution-out {
  fill: #e43b3b;
}

.sr-bb .srt-stroke-soccer-own-goal {
  stroke: #e43b3b;
  fill: transparent;
}

.sr-bb .srt-fill-soccer-own-goal {
  fill: #e43b3b;
}

.sr-bb .srt-fill-soccer-relegation-1 {
  fill: #fdd835;
}

.sr-bb .srt-stroke-soccer-relegation-1 {
  stroke: #fdd835;
}

.sr-bb .srt-fill-soccer-relegation-2 {
  fill: #ffb848;
}

.sr-bb .srt-stroke-soccer-relegation-2 {
  stroke: #ffb848;
}

.sr-bb .srt-fill-soccer-relegation-3 {
  fill: #ef6c00;
}

.sr-bb .srt-stroke-soccer-relegation-3 {
  stroke: #ef6c00;
}

.sr-bb .srt-fill-soccer-relegation-4 {
  fill: #e93a34;
}

.sr-bb .srt-stroke-soccer-relegation-4 {
  stroke: #e93a34;
}

.sr-bb .srt-fill-soccer-relegation-5 {
  fill: #941d1d;
}

.sr-bb .srt-stroke-soccer-relegation-5 {
  stroke: #941d1d;
}

.sr-bb .srt-fill-soccer-promotion-1 {
  fill: #51d151;
}

.sr-bb .srt-stroke-soccer-promotion-1 {
  stroke: #51d151;
}

.sr-bb .srt-fill-soccer-promotion-2 {
  fill: #1b911b;
}

.sr-bb .srt-stroke-soccer-promotion-2 {
  stroke: #1b911b;
}

.sr-bb .srt-fill-soccer-promotion-3 {
  fill: #0e8094;
}

.sr-bb .srt-stroke-soccer-promotion-3 {
  stroke: #0e8094;
}

.sr-bb .srt-fill-soccer-promotion-4 {
  fill: #0a6cce;
}

.sr-bb .srt-stroke-soccer-promotion-4 {
  stroke: #0a6cce;
}

.sr-bb .srt-fill-soccer-promotion-5 {
  fill: #4a9fe4;
}

.sr-bb .srt-stroke-soccer-promotion-5 {
  stroke: #4a9fe4;
}

.sr-bb .srt-nfl-timeout-1 {
  background-color: #f5a623;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-nfl-timeout-2 {
  background-color: rgba(245, 166, 35, 0.3);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-nfl-penalty {
  background-color: #f4a621;
  color: #ffffff;
  border-color: #f4a621;
}

.sr-bb .srt-nfl-negative-yards-1 {
  background-color: #ac182e;
  color: #ffffff;
  border-color: #ac182e;
}

.sr-bb .srt-nfl-negative-yards-2 {
  background-color: #ac182e;
  color: #ffffff;
  border-color: #ac182e;
}

.sr-bb .srt-nfl-first-line {
  background-color: #4b90de;
  color: #ffffff;
  border-color: #4b90de;
}

.sr-bb .srt-nfl-ten-line {
  background-color: #f5a623;
  color: #ffffff;
  border-color: #f5a623;
}

.sr-bb .srt-fill-nfl-penalty {
  fill: #f4a621;
}

.sr-bb .srt-stroke-nfl-penalty {
  stroke: #f4a621;
}

.sr-bb .srt-fill-nfl-negative-yards-1 {
  fill: #ac182e;
}

.sr-bb .srt-stroke-nfl-negative-yards-1 {
  stroke: #ac182e;
}

.sr-bb .srt-fill-nfl-negative-yards-2 {
  fill: #ac182e;
}

.sr-bb .srt-stroke-nfl-negative-yards-2 {
  stroke: #ac182e;
}

.sr-bb .srt-fill-nfl-first-line {
  fill: #4b90de;
}

.sr-bb .srt-stroke-nfl-first-line {
  stroke: #4b90de;
}

.sr-bb .srt-fill-nfl-ten-line {
  fill: #f5a623;
}

.sr-bb .srt-stroke-nfl-ten-line {
  stroke: #f5a623;
}

.sr-bb .srt-mlb-run-1 {
  background-color: #009900;
  color: #ffffff;
  border-color: #009900;
}

.sr-bb .srt-mlb-run-2 {
  background-color: #ffffff;
  color: #009900;
  border-color: #009900;
}

.sr-bb .srt-mlb-hit-1 {
  background-color: #f7ab11;
  color: #000000;
  border-color: #f7ab11;
}

.sr-bb .srt-mlb-hit-2 {
  background-color: #ffffff;
  color: #f7ab11;
  border-color: #f7ab11;
}

.sr-bb .srt-mlb-hit-3 {
  background-color: #00a4ff;
  color: #ffffff;
  border-color: #00a4ff;
}

.sr-bb .srt-mlb-error-1 {
  background-color: #d0021b;
  color: #ffffff;
  border-color: #d0021b;
}

.sr-bb .srt-mlb-error-2 {
  background-color: #ffffff;
  color: #d0021b;
  border-color: #d0021b;
}

.sr-bb .srt-mlb-neutral-1 {
  background-color: #212121;
  color: #ffffff;
  border-color: #ffffff;
}

.sr-bb .srt-fill-mlb-base {
  fill: #00a4ff;
}

.sr-bb .srt-strole-mlb-base {
  fill: #00a4ff;
}

.sr-bb .srt-fill-change-increase {
  fill: red;
}

.sr-bb .srt-stroke-change-increase {
  stroke: red;
}

.sr-bb .srt-fill-change-decrease {
  fill: #ff8787;
}

.sr-bb .srt-stroke-change-decrease {
  stroke: #ff8787;
}

.sr-bb .srt-fill-text {
  fill: #000000;
}

.sr-bb .srt-fill-text-invert {
  fill: #ffffff;
}

.sr-bb .srt-fill-text-secondary {
  fill-opacity: 0.7;
}

.sr-bb .srt-fill-text-disabled {
  fill-opacity: 0.35;
}

.sr-bb .srt-fill-base-1 {
  fill: transparent;
}

.sr-bb .srt-stroke-base-1 {
  stroke: transparent;
}

.sr-bb .srt-fill-base-1-active {
  fill: rgba(255, 0, 0, 0.12);
}

.sr-bb .srt-stroke-base-1-active {
  stroke: rgba(255, 0, 0, 0.12);
}

.sr-bb .srt-fill-base-1-active-2 {
  fill: #e6e6e6;
}

.sr-bb .srt-stroke-base-1-active-2 {
  stroke: #e6e6e6;
}

.sr-bb .srt-fill-base-1-primary {
  fill: transparent;
}

.sr-bb .srt-stroke-base-1-primary {
  stroke: transparent;
}

.sr-bb .srt-fill-base-1-home {
  fill: transparent;
}

.sr-bb .srt-stroke-base-1-home {
  stroke: transparent;
}

.sr-bb .srt-fill-base-1-away {
  fill: transparent;
}

.sr-bb .srt-stroke-base-1-away {
  stroke: transparent;
}

.sr-bb .srt-fill-base-2 {
  fill: currentColor;
}

.sr-bb .srt-stroke-base-2 {
  stroke: currentColor;
}

.sr-bb .srt-fill-base-2-active {
  fill: #ffe0e0;
}

.sr-bb .srt-stroke-base-2-active {
  stroke: #ffe0e0;
}

.sr-bb .srt-fill-base-2-hover {
  fill: #ffe0e0;
}

.sr-bb .srt-stroke-base-2-hover {
  stroke: #ffe0e0;
}

.sr-bb .srt-fill-base-3 {
  fill: #ffe0e0;
}

.sr-bb .srt-stroke-base-3 {
  stroke: #ffe0e0;
}

.sr-bb .srt-fill-base-3-active {
  fill: #ffd4d4;
}

.sr-bb .srt-stroke-base-3-active {
  stroke: #ffd4d4;
}

.sr-bb .srt-fill-base-3-hover {
  fill: #ffd4d4;
}

.sr-bb .srt-stroke-base-3-hover {
  stroke: #ffd4d4;
}

.sr-bb .srt-fill-primary-1 {
  fill: #ff0000;
}

.sr-bb .srt-stroke-primary-1 {
  stroke: #ff0000;
}

.sr-bb .srt-fill-primary-2 {
  fill: #b30000;
}

.sr-bb .srt-stroke-primary-2 {
  stroke: #b30000;
}

.sr-bb .srt-fill-primary-3 {
  fill: #ff1a1a;
}

.sr-bb .srt-stroke-primary-3 {
  stroke: #ff1a1a;
}

.sr-bb .srt-fill-primary-4 {
  fill: #ff6666;
}

.sr-bb .srt-stroke-primary-4 {
  stroke: #ff6666;
}

.sr-bb .srt-fill-primary-5 {
  fill: #ff6666;
}

.sr-bb .srt-stroke-primary-5 {
  stroke: #ff6666;
}

.sr-bb .srt-fill-primary-6 {
  fill: #940000;
}

.sr-bb .srt-stroke-primary-6 {
  stroke: #940000;
}

.sr-bb .srt-fill-primary-7 {
  fill: #ff0000;
}

.sr-bb .srt-stroke-primary-7 {
  stroke: #ff0000;
}

.sr-bb .srt-fill-primary-8 {
  fill: #ff0000;
}

.sr-bb .srt-stroke-primary-8 {
  stroke: #ff0000;
}

.sr-bb .srt-fill-primary-8-is-active-1 {
  fill: #ff1a1a;
}

.sr-bb .srt-stroke-primary-8-is-active-1 {
  stroke: #ff1a1a;
}

.sr-bb .srt-fill-primary-8-is-active-2 {
  fill: #ff1a1a;
}

.sr-bb .srt-stroke-primary-8-is-active-2 {
  stroke: #ff1a1a;
}

.sr-bb .srt-fill-primary-9 {
  fill: #ffb3b3;
}

.sr-bb .srt-stroke-primary-9 {
  stroke: #ffb3b3;
}

.sr-bb .srt-fill-primary-10 {
  fill: #ff3333;
}

.sr-bb .srt-stroke-primary-10 {
  stroke: #ff3333;
}

.sr-bb .srt-fill-primary-11 {
  fill: #ff1a1a;
}

.sr-bb .srt-stroke-primary-11 {
  stroke: #ff1a1a;
}

.sr-bb .srt-fill-primary-12 {
  fill: #ff0000;
}

.sr-bb .srt-stroke-primary-12 {
  stroke: #ff0000;
}

.sr-bb .srt-fill-home-1 {
  fill: #3f3f41;
}

.sr-bb .srt-stroke-home-1 {
  stroke: #3f3f41;
}

.sr-bb .srt-fill-home-2 {
  fill: #3f3f41;
}

.sr-bb .srt-stroke-home-2 {
  stroke: #3f3f41;
}

.sr-bb .srt-fill-home-3 {
  fill: #3f3f41;
}

.sr-bb .srt-stroke-home-3 {
  stroke: #3f3f41;
}

.sr-bb .srt-fill-home-4 {
  fill: #79797a;
}

.sr-bb .srt-stroke-home-4 {
  stroke: #79797a;
}

.sr-bb .srt-fill-home-5 {
  fill: #29292a;
}

.sr-bb .srt-stroke-home-5 {
  stroke: #29292a;
}

.sr-bb .srt-fill-away-1 {
  fill: #9c9c9c;
}

.sr-bb .srt-stroke-away-1 {
  stroke: #9c9c9c;
}

.sr-bb .srt-fill-away-2 {
  fill: #9c9c9c;
}

.sr-bb .srt-stroke-away-2 {
  stroke: #9c9c9c;
}

.sr-bb .srt-fill-away-3 {
  fill: #9c9c9c;
}

.sr-bb .srt-stroke-away-3 {
  stroke: #9c9c9c;
}

.sr-bb .srt-fill-away-4 {
  fill: #bababa;
}

.sr-bb .srt-stroke-away-4 {
  stroke: #bababa;
}

.sr-bb .srt-fill-away-5 {
  fill: #656565;
}

.sr-bb .srt-stroke-away-5 {
  stroke: #656565;
}

.sr-bb .srt-fill-neutral-1 {
  fill: #dedede;
}

.sr-bb .srt-stroke-neutral-1 {
  stroke: #dedede;
}

.sr-bb .srt-fill-neutral-2 {
  fill: #1a1a1a;
}

.sr-bb .srt-stroke-neutral-2 {
  stroke: #1a1a1a;
}

.sr-bb .srt-fill-neutral-3 {
  fill: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-stroke-neutral-3 {
  stroke: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-fill-neutral-4 {
  fill: #595959;
}

.sr-bb .srt-stroke-neutral-4 {
  stroke: #595959;
}

.sr-bb .srt-fill-neutral-5 {
  fill: #404040;
}

.sr-bb .srt-stroke-neutral-5 {
  stroke: #404040;
}

.sr-bb .srt-fill-neutral-6 {
  fill: #c2c2c2;
}

.sr-bb .srt-stroke-neutral-6 {
  stroke: #c2c2c2;
}

.sr-bb .srt-fill-neutral-7 {
  fill: #595959;
}

.sr-bb .srt-stroke-neutral-7 {
  stroke: #595959;
}

.sr-bb .srt-fill-neutral-8 {
  fill: #dedede;
}

.sr-bb .srt-stroke-neutral-8 {
  stroke: #dedede;
}

.sr-bb .srt-fill-neutral-9 {
  fill: #f0f0f0;
}

.sr-bb .srt-stroke-neutral-9 {
  stroke: #f0f0f0;
}

.sr-bb .srt-fill-neutral-10 {
  fill: #e0e0e0;
}

.sr-bb .srt-stroke-neutral-10 {
  stroke: #e0e0e0;
}

.sr-bb .srt-fill-neutral-11 {
  fill: #999999;
}

.sr-bb .srt-stroke-neutral-11 {
  stroke: #999999;
}

.sr-bb .srt-fill-neutral-12 {
  fill: #4d4d4d;
}

.sr-bb .srt-stroke-neutral-12 {
  stroke: #4d4d4d;
}

.sr-bb .srt-fill-neutral-13 {
  fill: #e6e6e6;
}

.sr-bb .srt-stroke-neutral-13 {
  stroke: #e6e6e6;
}

.sr-bb .srt-fill-win {
  fill: red;
}

.sr-bb .srt-stroke-win {
  stroke: red;
}

.sr-bb .srt-fill-draw {
  fill: #c2c2c2;
}

.sr-bb .srt-stroke-draw {
  stroke: #c2c2c2;
}

.sr-bb .srt-fill-lose {
  fill: #ff8787;
}

.sr-bb .srt-stroke-lose {
  stroke: #ff8787;
}

.sr-bb .srt-stop-base-1 {
  stop-color: transparent;
}

.sr-bb .srt-stop-primary-1 {
  stop-color: #ff0000;
}

.sr-bb .srt-stop-primary-2 {
  stop-color: #b30000;
}

.sr-bb .srt-stop-primary-3 {
  stop-color: #ff1a1a;
}

.sr-bb .srt-stop-primary-4 {
  stop-color: #ff6666;
}

.sr-bb .srt-stop-primary-5 {
  stop-color: #ff6666;
}

.sr-bb .srt-stop-primary-6 {
  stop-color: #940000;
}

.sr-bb .srt-stop-primary-7 {
  stop-color: #ff0000;
}

.sr-bb .srt-stop-primary-8 {
  stop-color: #ff0000;
}

.sr-bb .srt-stop-primary-9 {
  stop-color: #ffb3b3;
}

.sr-bb .srt-stop-primary-10 {
  stop-color: #ff3333;
}

.sr-bb .srt-stop-primary-11 {
  stop-color: #ff1a1a;
}

.sr-bb .srt-stop-primary-12 {
  stop-color: #ff0000;
}

.sr-bb .srt-stop-home-1 {
  stop-color: #3f3f41;
}

.sr-bb .srt-stop-away-1 {
  stop-color: #9c9c9c;
}

.sr-bb .srt-fill-neutral-14 {
  fill: #ffffff;
}

.sr-bb .srt-stroke-neutral-14 {
  stroke: #ffffff;
}

.sr-bb .srt-logo-powered-by-light {
  display: inline-block;
}

.sr-bb .srt-logo-powered-by-dark {
  display: none;
}

.sr-bb .sr-loader__container {
  z-index: 1;
}

/* new scroll sormi*/
#live_events_odds {
  overflow-y: visible !important;
  max-height: 500px;
  z-index: 1;
}

div.expanded + #live_events_odds {
  margin-top: 80px;
}

#simpleview {
  height: 100%;
}

::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background: var(--regola_gradiente3);
}

::-webkit-scrollbar {
  width: 7px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: var(--table_header);
}

/* new scroll sormi*/
div#br_cont2 {
  width: calc(100% - 205px);
  float: right;
}

.simple .radeOddSlider {
  width: 94%; /* Ensure it takes full width */
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  scroll-behavior: smooth;
  -ms-overflow-style: none; /* Hide scrollbar for IE/Edge */
  border-left: none;
  scrollbar-width: none;
}

.event .radeOddSlider {
  width: 92%; /* Ensure it takes full width */
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  left: 10px;
  right: 10px;
  scroll-behavior: smooth;
  -ms-overflow-style: none; /* Hide scrollbar for IE/Edge */
  border-left: none;
  scrollbar-width: none;
}

.radeOddSlider::-webkit-scrollbar,
.wrapper-RadeOdds::-webkit-scrollbar {
  display: none !important;
}

#center_column .bi.bi-x-lg {
  top: 3px;
  position: relative;
}

.arrow-left-radeOdds,
.arrow-right-radeOdds {
  width: 18px;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 10;
  cursor: pointer;
  border: none;
  background-color: transparent;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
}

.arrow-left-radeOdds {
  position: relative;
  left: 2px;
  background: var(--border-main);
  -webkit-mask-image: url(/res/Client/img/arrows/arr_left.svg);
  mask-image: url(/res/Client/img/arrows/arr_left.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.arrow-right-radeOdds {
  left: 3px;
  position: relative;
  background: var(--border-main);
  -webkit-mask-image: url(/res/Client/img/arrows/arr_right.svg);
  mask-image: url(/res/Client/img/arrows/arr_right.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.arrow-toggler-radeOdds {
  height: 20px;
  width: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
  cursor: pointer;
  display: inline-block;
}

.arrow-toggler-radeOdds.downTog {
  background: var(--border-main);
  -webkit-mask-image: url(/res/Client/img/arrows/arr_down.svg);
  mask-image: url(/res/Client/img/arrows/arr_down.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  padding: 7px;
}

.arrow-toggler-radeOdds.upTog {
  background: var(--border-main);
  -webkit-mask-image: url(/res/Client/img/arrows/arr_up.svg);
  mask-image: url(/res/Client/img/arrows/arr_up.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  padding: 7px;
}

@-moz-document url-prefix() {
  /* Firefox-specific scrollbar styling */
  html {
    scrollbar-width: thin;
    scrollbar-color: #fbcf3146 #67b90900;
  }
}

@media screen and (max-width: 1300px) {
  .day_nav {
    width: 12% !important;
  }
  #calendarcontent li.live_match {
    width: 30% !important;
  }
}

@media screen and (max-width: 600px) {
  .day_nav {
    width: 15% !important;
  }
}

@media screen and (max-width: 500px) {
  .live_match .match_detail .period {
    font-size: 11px !important;
  }
  .Odds_container[data-oddname^="OvUn_Set_1"] span.live_pron,
  .Odds_container[data-oddname^="OvUn_Set_2"] span.live_pron,
  .Odds_container[data-oddname^="OvUn_Set_3"] span.live_pron,
  .Odds_container[data-oddname^="OvUn_Set_4"] span.live_pron {
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .Odds_container[data-oddname^="OvUn_Set_1"] span.live_pron,
  .Odds_container[data-oddname^="OvUn_Set_2"] span.live_pron,
  .Odds_container[data-oddname^="OvUn_Set_3"] span.live_pron,
  .Odds_container[data-oddname^="OvUn_Set_4"] span.live_pron {
    width: 40px;
    padding: auto;
    margin: auto;
  }
}

@media screen and (max-width: 991px) {
  #day_tabs {
    display: flex;
    padding-bottom: 8px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-behavior: smooth;
  }
  #day_tabs::-webkit-scrollbar {
    height: 5px;
  }
}

@media screen and (max-width: 480px) {
  .day_nav {
    width: 39% !important;
  }
  #calendarcontent li.live_match {
    width: 97% !important;
  }
}

@media screen and (max-width: 430px) {
  .day_nav {
    width: 23% !important;
  }
}

@media screen and (max-width: 991px) {
  #calendarcontent .cont {
    height: calc(80.9dvh - var(--footer-height) - var(--navbar-height));
    position: relative;
    top: 2px !important;
    scrollbar-width: none;
    padding-bottom: calc(var(--footer-height) - 30px);
    margin-top: 0;
    margin-bottom: 0 !important;
  }
  #calendarcontent .cont::after {
    content: "";
    display: table;
    clear: both;
  }
  .ios #calendarcontent .cont {
    padding-bottom: calc(var(--footer-height) - 32px);
  }
  #calendarcontent li.live_match {
    margin: 10px 5px !important;
  }
  #calendarcontent .live_match > .match_detail {
    margin-right: 0 !important;
  }
  .calendarNenad {
    display: none;
  }
  .theme1 #live_navigation a.activeCalendar i {
    filter: none;
  }
  .eventview {
    scrollbar-width: none;
    height: 100%;
  }
  #live_events_odds .eventBox {
    padding-bottom: var(--footer-height) !important;
    margin-bottom: 0 !important;
  }
  .ios #live_events_odds .eventBox {
    padding-bottom: var(--footer-height) !important;
  }
}