/* variables.css */
:root {
  /* -------------------------------------------------------- */
  /* sfondo principale */
  --B365-color-bg-main: #282828;
  /* sfondo prima riga header */
  --B365-color-bg-header-grey: #333333;
  /* sfondo seconda riga header (menu) */
  --B365-color-bg-header-green: #9e0000;
  /* sfondo grigio sull'hover */
  --B365-color-bg-card-grey-hover: #555555;

  /* sfondo header riguadri */
  --B365-color-bg-card-header-grey: #454545;
  /* sfondo dei riquadri */
  --B365-color-bg-card-grey: #373737;

  /* sfondo dei tag input (text, date, password, ... */
  --B365-color-bg-input-grey: #3E3E3E;

  /* testo bottone quota */
  --B365-color-text-oddbtn: #ff9100;
  /* sfondo bottone quota */
  --B365-color-bg-oddbtn: #454545;
  /* sfondo bottone quota hover */
  --B365-color-bg-oddbtn-hover: #555555;

  /* testo generico primary */
  --B365-color-text-primary: #ffffff;
  /* testo generico secondary */
  --B365-color-text-secondary: #dddddd;
  /* testo in evidenza generico (active, hover, ...) */
  --B365-color-text-accent: #f7ff00;
  
  /* sostituire solo #fab615  con  #9e0000*/
  --B365-green: #9e0000;
  --B365-yellow: #ff9100;
  /* -------------------------------------------------------- */

  
  --color-bg-01: #22262b;
  --color-bg-02: #2c2f35;
  --color-bg-03: #3a3e45;
  --color-bg-04: #ffffff;
  --color-primary-100: #9e0000;
  --color-primary-80: #9e0000;
  --color-accent-100: #9e0000;
  --color-accent-80: #9e0000;
  --color-primary-text: #ffffff;
  --color-primary-text-hover: #ffffff;
  --color-primary-text-pressed: #ffffff;
  --color-secondary-text-hover: #000000;
  --color-secondary-text-pressed: #000000;
  --color-primary-enabled: #9e0000;
  --color-primary-hover: #9e0000;
  --color-primary-pressed: #9e0000;
  --color-accent-enabled: #000000;
  --color-accent-hover: #000000;
  --color-accent-pressed: #000000;
  --color-action-disabled: #adadac;
  --quote-primary-bg: #9e0000;
  --quote-primary-hover-bg: #9e0000;
  --quote-primary-border-color: #9e0000;
  --quote-primary-pressed-bg: #9e0000;
  --quote-primary-text: #ffffff;
  --quote-primary-hover-text: #000000;
  --quote-primary-pressed-text: #000000;
  
  --user-profile-element-border-color: var(--color-bg-04);
  --quote-button-text: var(--color-secondary-text);
  --button-primary-text: var(--color-secondary-text);
  --menu-bg: var(--color-accent-80);
}

/* *********************************************************** */

/* OVERRIDE BET365 */
.sport-item-container.VociMenuSport .sport-item-flag img,

.nav-tabs > li.active > a img,
.nav-tabs > li > a:hover img,

.filter-controls .nav-tabs > li.active > a::before,
.filter-controls .nav-tabs > li > a:hover:before,

.livePage .sport_header .sport_selector:hover .sport_icon img,
.livePage .sport_header .sport_selector:active .sport_icon img

{
  filter: invert(0);
}

.time-filter-container .activeTime,
.activeTime,
.time-filter-container a.small:hover {
    color: var(--color-primary-text) !important;
}
.menu-main > ul > li:hover a, .menu-main > ul > li:active a {
	color: var(--color-secondary-text);
}
.btn-primary,
.btn-primary:hover{
	color: var(--color-primary-text);
}
.message-inner {
	color: var(--color-secondary-text);
    background-color: var(--B365-color-text-accent);
}
.livePage .sport_table .category_container,
.livePage .sport_table .category_body {
	background-color: var(--color-bg-01);
}
.livePage .sport_header .sport_selector:hover .sport_icon img,
.livePage .sport_header .sport_selector:active .sport_icon img {
  filter: inherit;
}
.livePage .sport_table .category_header {
	background-color: var(--color-bg-03);
}
.livePage .quoteCentrali {
  /* background-color: var(--color-bg-03); */
  background-color: transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: var(--color-secondary-text);
}
.btt-button {
	color: var(--color-primary-text);
}
.menu-main .menu-new-icon {
	display: none;
}
.menu-main > ul > li > a > span {
	color: var(--color-primary-text);
    font-weight: var(--font-weight-medium);
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover,
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover,
.main-top-text .main-top-head {
    color: var(--color-primary-text);
}
.user-profile-body .top_blk .nav-tabs > li > a:hover,
.user-profile-body .top_blk .nav-tabs > li.active > a,
.user-profile-body .top_blk .nav-tabs > li.active > a:focus,
.user-profile-body .top_blk .nav-tabs > li.active > a:hover {
    color: var(--color-primary-text) !important;
}
.playing-indicator {
    background-color: var(--B365-color-bg-oddbtn-hover);
    border-color: var(--B365-color-bg-oddbtn-hover);
}
.playing-indicator.playing-indicator-active {
    background-color: var(--B365-color-text-oddbtn);
    border-color: var(--B365-color-text-oddbtn);
}
#bottom-bar a:hover {
    color: var(--B365-yellow);
}





/* Most Played and Last Minute */
.most-played-container .panel-body,
.ultimo-minuto-container .panel-body {
      padding: 0;
}
.most-played-container.panel,
.ultimo-minuto-container.panel {
    margin: var(--margin-sm) 0;
}
.most-played-container.panel .nav-tabs > li.active,
.ultimo-minuto-container.panel .nav-tabs > li.active,
.most-played-container.panel .nav-tabs > li,
.ultimo-minuto-container.panel .nav-tabs > li {
    padding: 0;
    background-color: var(--color-bg-02);
    border: 1px solid var(--color-bg-03);
    border-radius: var(--border-radius-sm);
}
.most-played-container.panel .nav-tabs > li a,
.ultimo-minuto-container.panel .nav-tabs > li a {
    color: var(--color-primary-text);
    font-weight: var(--font-weight-regular);
    padding: var(--padding-xs);
}
.ultimo-minuto-container .nav-tabs > li > a:hover,
.ultimo-minuto-container .nav-tabs > li.active > a,
.ultimo-minuto-container .nav-tabs > li.active > a:focus,
.ultimo-minuto-container .nav-tabs > li.active > a:hover,
.most-played-container .nav-tabs > li > a > span,
.most-played-container .nav-tabs > li.active > a {
	color: var(--color-primary-text);
}
.ultimo-minuto-container .panel-body .tab-content {
    padding: var(--padding-xs) 0;
}
.last-minute-card-item {
    background-color: var(--color-bg-01);
    border: 1px solid var(--color-bg-03);
}
.outcomeContainer li:first-child {
    color: var(--color-primary-text);
    background: inherit;
}
.outcomeContainer li .btn-odd-rank {
    background: var(--color-bg-02) !important;
    color: var(--B365-color-text-oddbtn);
    border: 1px solid var(--color-bg-03) !important;
    border-radius: var(--border-radius-xs);
}
.outcomeContainer li .btn-odd-rank:hover,
.outcomeContainer li .btn-odd-rank.activated {
    background-color: var(--B365-color-bg-oddbtn-hover) !important;
    color: var(--B365-color-text-oddbtn);
}
.slick-prev:before,
.slick-next:before {
  color: var(--color-primary-text);
}
.last-minute-card-item .row-partita .tempo-partita,
.last-minute-card-item .titolo-partita .matchCatTour,
.last-minute-card-item .titolo-partita .match {
  margin: 0;
}
.last-minute-card-item .titolo-partita .match i {
  color: var(--B365-color-text-accent) !important;
}
.ultimo-minuto-container .tab-content ul {
  padding: 0;
}
.most-played-container .sub-title .markets > ul {
  background: transparent !important;
}
.most-played-container .vue-instance > ul div.row-partita div.tempo-partita {
  color: var(--B365-color-text-accent) !important;
}
.most-played-container .vue-instance > ul div.row-partita div.quote-partita ul li button.btn-odd-rank.quote_btn {
    background: var(--color-bg-02) !important;
    color: var(--B365-color-text-oddbtn);
    border: 1px solid var(--color-bg-03) !important;
}
.most-played-container .vue-instance > ul div.row-partita div.quote-partita ul li button.btn-odd-rank.quote_btn:hover,
.most-played-container .vue-instance > ul div.row-partita div.quote-partita ul li button.btn-odd-rank.quote_btn.activated {
    background-color: var(--B365-color-bg-oddbtn-hover) !important;
    color: var(--B365-color-text-oddbtn);
}
.most-played-container .vue-instance > ul div.row-partita div.stat-partita,
.most-played-container .vue-instance > ul div.row-partita div.titolo-partita {
	color: var(--color-primary-text) !important;
}
/* ----------------- Most Played and Last Minute */




/* centrale sport prematch */
.btn-odd-rank {
  color: var(--B365-color-text-oddbtn);
}
.btn-odd-rank:hover {
  color: var(--B365-color-text-oddbtn);
	background-color: var(--B365-color-bg-oddbtn-hover);
}
.event-odds-custom .btn-odd-rank-custom .button-odd {
  color: var(--B365-color-text-oddbtn) !important;
}
.event-odds-custom .btn-odd-rank-custom.activated,
.event-odds-custom .btn-odd-rank-custom:hover {
	background-color: var(--B365-color-bg-oddbtn-hover) !important;
	border: inherit;
}
.event-odds-custom .btn-odd-rank-custom.activated .button-label,
.event-odds-custom .btn-odd-rank-custom.activated .button-odd,
.event-odds-custom .btn-odd-rank-custom:hover .button-label,
.event-odds-custom .btn-odd-rank-custom:hover .button-odd {
	color: var(--B365-color-text-oddbtn);
}
div.events-time-championship-time {
    color: var(--B365-color-text-accent) !important;
}
.cont_quotes.btn-group.gruppiBottoniquote button:hover,
.cont_quotes.btn-group.macro-market-button-section button:hover,
.cont_quotes.btn-group.gruppiBottoniquote button.activated.btn:hover,
.cont_quotes.btn-group.macro-market-button-section button.activated.btn:hover,
.cont_quotes.btn-group.gruppiBottoniquote button.activated.btn,
.cont_quotes.btn-group.macro-market-button-section button.activated.btn {
	color: var(--color-primary-text);
}
#accordionMacroMarket .icon-accordion {
	color: var(--color-primary-text);
}
.testAntePost {
    background-color: inherit;
}
.btn-odd-rank-ante.button_quote_ante_wdk {
    background: var(--color-bg-03) !important;
    border-color: var(--color-bg-03);
}
.button_quote_ante_wdk span:last-child {
    color: var(--B365-color-text-oddbtn);
}
.btn-odd-rank-ante.btn-odd-rank-ante:hover,
.btn-odd-rank-ante.btn-odd-rank-ante.activated {
	border-color: var(--color-bg-03) !important;
    background: var(--B365-color-bg-oddbtn-hover) !important;
    font-weight: var(--font-weight-regular);	
}
/* ----------------- centrale sport prematch */




/* betslip */
.cupon-middle-main.is-live-event .cupon-team::after {
    color: var(--B365-color-text-accent);
}
.bs-row-market-odd .cupon-main-num {
    color: var(--B365-color-text-accent);
}
#coupon-footer .accetta.checkbox input[type="checkbox"] {
    border-color: var(--B365-color-text-accent);
}
#coupon-footer .accetta.checkbox input[type="checkbox"]::before {
    background: var(--B365-color-text-accent);
}
/* ----------------- betslip */




/* menu sport prematch */
/* ----------------- menu sport prematch */




/* modal window quote more odds */
div.windowquote div.modal-content, div.modal div.modal-content {
    background-color: var(--color-bg-01);
}
div.windowquote div.modal-header span.modal_event_odds_championship,
.modal-header button.close .close,
div.windowquote div.modal-body div.panel-heading,
div.modal div.modal-body div.panel-heading {
    color: var(--color-primary-text);
}
div.windowquote div.panel-body ul li div.moreOutcomeName,
div.modal div.panel-body ul li div.moreOutcomeName {
  background: transparent;
  color: var(--color-primary-text);
}
div.windowquote div.panel-body ul li div.moreOddButton button,
div.modal div.panel-body ul li div.moreOddButton button {
    border-radius: var(--border-radius-sm) !important;
    color: var(--B365-color-text-oddbtn);
    border: 1px solid var(--color-bg-03) !important;
    width: 60px;
}
div.windowquote div.panel-body ul li div.moreOddButton button.activated,
div.modal div.panel-body ul li div.moreOddButton button.activated,
div.windowquote div.panel-body ul li div.moreOddButton button:hover,
div.modal div.panel-body ul li div.moreOddButton button:hover {
    border: 1px solid var(--color-bg-03) !important;
    background-color: var(--B365-color-bg-oddbtn-hover) !important;
  	color: var(--B365-color-text-oddbtn);
}
/* ------------------ modal window quote more odds */




/* live overview */
.livePage .sport_table .match_result:last-child .awayteam_results,
.livePage .sport_table .match_result:last-child .hometeam_results,
.livePage .sport_table .match_result:last-child,
.livePage .sport_table .match_result.gamescore {
    color: var(--B365-color-text-accent);
}
.livePage .sport_table .match_info .match_time {
    color: var(--B365-color-text-accent);
}
.livePage .sport_table .odd_market_body_DYNAMIC .odd_value {
    background: var(--color-bg-02) !important;
    color: var(--B365-color-text-oddbtn);
    border: 1px solid var(--color-bg-03) !important;
}
.livePage .sport_table .odd_market_body_DYNAMIC .odd_value:hover,
.livePage .sport_table .odd_market_body_DYNAMIC .odd_value.activated,
.livePage .sport_table .odd_market_body button:hover .odd_value,
.livePage .sport_table .odd_market_body button:active .odd_value,
.livePage .sport_table .odd_market_body .quote_btn.activated .odd_value {
    background-color: var(--B365-color-bg-oddbtn-hover) !important;
    color: var(--B365-color-text-oddbtn);
}
/* ----------------- live overview */




/* live eventview */
.livePage .attivaMatch {
    border-right-color: var(--B365-color-text-accent) !important;
}
.livePage #liveNow .sub-menu-tournament li a .rigaNazioneTorneo span {
    color: var(--B365-color-text-accent);
}
.livePage .sports-main-left .currentTime {
    color: var(--B365-color-text-accent);
}
.livePage .quoteCentrali ~ .contenitoreQuote .btn-odd-rank,
.livePage .quoteCentrali ~ .contenitoreQuote .quotecentral {
    background: var(--color-bg-02) !important;
    color: var(--B365-color-text-oddbtn);
	color: white;
}
.livePage .quoteCentrali ~ .contenitoreQuote .btn-odd-rank > span:last-child,
.livePage .quoteCentrali ~ .contenitoreQuote .quotecentral > span:last-child {
    color: var(--B365-color-text-oddbtn);
}
.livePage .quoteCentrali ~ .contenitoreQuote .btn-odd-rank:hover,
.livePage .quoteCentrali ~ .contenitoreQuote .quotecentral:hover,
.livePage .quoteCentrali ~ .contenitoreQuote .btn-odd-rank.activated,
.livePage .quoteCentrali ~ .contenitoreQuote .quotecentral.activated {
    background-color: var(--B365-color-bg-oddbtn-hover) !important;
    color: var(--B365-color-text-oddbtn);
}
/* ----------------- live eventview */




/* casino */
.menuCasino-container .nav-tabs > li.active > a,
.menuCasino-container .nav-tabs > li > a:hover,

.filter-controls .nav-tabs > li > a:hover,
.filter-controls .nav-tabs > li.active > a,
.filter-controls .nav-tabs > li.active > a:focus,
.filter-controls .nav-tabs > li.active > a:hover,
.casino-tab .nav-tabs > li > a:hover,
.casino-tab .nav-tabs > li.active > a,
.filter-controls .nav-tabs > li.active > a:focus,
.filter-controls .nav-tabs > li.active > a:hover,
.filter-controls .nav-tabs > li.active {
    background-color: var(--color-primary-100);
    color: var(--color-primary-text);
    border-radius: var(--border-radius-sm);
}
/* ----------------- casino */