/* variables.css */
:root {
  --color-bg-01: #22262b;
  --color-bg-02: #2c2f35;
  --color-bg-03: #3a3e45;
  --color-bg-04: #ffffff;
  --color-primary-100: #fab615;
  --color-primary-80: #fab615;
  --color-accent-100: #fab615;
  --color-accent-80: #fab615;
  --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: #fab615;
  --color-primary-hover: #fab615;
  --color-primary-pressed: #fab615;
  --color-accent-enabled: #000000;
  --color-accent-hover: #000000;
  --color-accent-pressed: #000000;
  --color-action-disabled: #adadac;
  --quote-primary-bg: #fab615;
  --quote-primary-hover-bg: #fab615;
  --quote-primary-border-color: #fab615;
  --quote-primary-pressed-bg: #fab615;
  --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 PLANETWIN365 */
.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);
}

.activeTime,
.time-filter-container a.small:hover {
    color: var(--color-secondary-text) !important;
}
.cupon-bottom-main.buttonScommetti a {
	color: var(--color-secondary-text);
}
.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-secondary-text);
}
.message-inner {
	color: var(--color-secondary-text);
}
.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-secondary-text);
}
.livePage .sport_table .sport_header .wrap .sport_lable {
	color: var(--color-secondary-text);
}
.livePage .sport_table .odd_market_label {
	color: var(--color-secondary-text);
}
.livePage .sport_table .odd_market_body button:hover .odd_value,
.livePage .sport_table .odd_market_body button:active .odd_value {
	color: var(--color-secondary-text);
	font-weight: var(--font-weight-medium);
}
.livePage .sport_table .odd_market_body .quote_btn.activated .odd_value {
	color: var(--color-secondary-text);
}
.livePage .sport_table .category_container,
.livePage .sport_table .category_body {
	background-color: var(--color-bg-01);
}
.livePage .sport_header .sport_selector:hover,
.livePage .sport_header .sport_selector:active,
.livePage .sport_header .sport_selector:hover .sport_count,
.livePage .sport_header .sport_selector:active .sport_count {
	color: var(--color-secondary-text);
}
.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);
}
.tabGeneraleUL li.current_view .tabGenerale a:hover,
.tabGeneraleUL li.current_view .tabGenerale a:active,
.tabGeneraleUL li .tabGenerale a:hover,
.tabGeneraleUL li .tabGenerale a:active {
	color: var(--color-secondary-text);
}
.livePage.eventView .btn.liveButtonStyle:hover,
.livePage.eventView .btn.liveButtonStyle:active,
.livePage.eventView .btn.liveButtonStyle.active {
	color: var(--color-secondary-text);
}
.livePage .quoteCentrali {
  background-color: var(--color-bg-03);
}
.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: var(--color-accent-80) !important;
  color: var(--color-secondary-text);
  font-weight: var(--font-weight-medium);
}
.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-secondary-text);
}
.menu-main .menu-new-icon {
	display: none;
}
.menu-main > ul > li > a > span {
	color: var(--color-secondary-text);
    font-weight: var(--font-weight-medium);
}
.playing-indicator {
    background-color: var(--color-bg-03);
    border-color: var(--color-bg-03);
}
.playing-indicator.playing-indicator-active {
    background-color: var(--color-primary-100);
    border-color: var(--color-primary-100);
}
.form-group .showPassowrd {
    /* color: var(--color-secondary-text); */
}





/* 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-secondary-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(--color-primary-text);
    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(--color-primary-100) !important;
    color: var(--color-secondary-text);
}
.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;
}
.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.quote-partita ul li button.btn-odd-rank.quote_btn {
    background: var(--color-bg-02) !important;
    color: var(--color-primary-text);
    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(--color-primary-100) !important;
    color: var(--color-secondary-text);
}
.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-custom.activated,
.btn-odd-rank-custom:hover {
    background-color: var(--color-primary-100) !important;
}
.btn-odd-rank-custom.activated .button-label,
.btn-odd-rank-custom.activated .button-odd,
.btn-odd-rank-custom:hover .button-label,
.btn-odd-rank-custom:hover .button-odd {
    color: var(--color-secondary-text) !important;
}
/* ----------------- centrale sport prematch */




/* betslip */
/* ----------------- 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(--color-primary-text);
    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 {
    color: var(--color-secondary-text);
    font-weight: var(--font-weight-medium);
    border: 1px solid var(--color-bg-03) !important;
}
/* ------------------ modal window quote more odds */




/* live overview */
/* ----------------- live overview */




/* live eventview */
/* ----------------- 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-secondary-text);
    border-radius: var(--border-radius-sm);
}
/* ----------------- casino */





/* login e pagine interne */
.profile-container .menu li a {
    background: var(--color-bg-02);
}
.user-profile-col label {
    color: var(--color-tertiary-text);
}
/* ----------------- login e pagine interne */
