/**
 * KNC odds tables and betting table UI
 * Generated from keonhacai10-flatsome-optimized.css.
 * Load through inc/knc-assets.php; do not use @import.
 */

.date-tabs .tab-button {
color: var(--knc-text) !important;
  background: var(--knc-white) !important;
  border-color: var(--knc-border) !important;
  transition: color .2s ease,
    background .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.date-tabs .tab-button:hover {
color: var(--knc-green-dark) !important;
  background: var(--knc-green-bg) !important;
  border-color: var(--knc-green) !important;
}

.date-tabs .tab-button.active {
color: var(--knc-white) !important;
  background: linear-gradient(
    135deg,
    var(--knc-green-dark) 0%,
    var(--knc-green) 45%,
    var(--knc-green-light) 100%
    ) !important;
  border-color: var(--knc-green) !important;
  box-shadow: 0 2px 7px rgba(var(--knc-green-rgb),.25) !important;
}

.date-tabs .tab-btn-live {
color: var(--knc-green-dark) !important;
  background: var(--knc-green-bg) !important;
  border-color: var(--knc-green) !important;
}

.date-tabs .tab-btn-live:hover {
color: var(--knc-white) !important;
  background: linear-gradient(
    135deg,
    var(--knc-green-dark),
    var(--knc-green)
    ) !important;
}

.date-tabs .home_filterbar-live.red,
.date-tabs .home_filterbar-live {
color: var(--knc-green) !important;
  background-color: var(--knc-green) !important;
}

.date-tabs .home_filterbar-live.red::before,
.date-tabs .home_filterbar-live.red::after,
.date-tabs .home_filterbar-live::before,
.date-tabs .home_filterbar-live::after {
background-color: var(--knc-green) !important;
  border-color: var(--knc-green) !important;
}

.fixture-filter .filter-league-btn,
.fixture-filter .filter-dropdown-btn,
.fixture-filter .sound-toggle-btn {
color: var(--knc-text) !important;
  background: var(--knc-white) !important;
  border: 1px solid var(--knc-border) !important;
  box-shadow: none !important;
  transition: color .2s ease,
    background .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.fixture-filter .filter-league-btn:hover,
.fixture-filter .filter-dropdown-btn:hover,
.fixture-filter .sound-toggle-btn:hover {
color: var(--knc-green-dark) !important;
  background: var(--knc-green-bg) !important;
  border-color: var(--knc-green) !important;
  box-shadow: 0 2px 6px rgba(var(--knc-green-rgb),.15) !important;
}

.fixture-filter .filter-league-btn svg,
.fixture-filter .filter-dropdown-btn svg,
.fixture-filter .sound-toggle-btn svg {
color: var(--knc-green) !important;
}

.fixture-filter .filter-league-btn svg path,
.fixture-filter .filter-dropdown-btn svg path {
stroke: var(--knc-green) !important;
  fill: none !important;
}

.fixture-filter .sound-toggle-btn svg path {
stroke: currentColor !important;
}

.fixture-filter button.active,
.fixture-filter .filter-league-btn.active,
.fixture-filter .filter-dropdown-btn.active {
color: var(--knc-white) !important;
  background: linear-gradient(
    135deg,
    var(--knc-green-dark),
    var(--knc-green),
    var(--knc-green-light)
    ) !important;
  border-color: var(--knc-green) !important;
  box-shadow: 0 2px 7px rgba(var(--knc-green-rgb),.25) !important;
}

.fixture-filter .dropdown-menu,
.fixture-filter .filter-dropdown,
.fixture-filter .sixinone-dropdown-menu {
background: var(--knc-white) !important;
  border: 1px solid var(--knc-border) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
}

.fixture-filter .dropdown-menu a,
.fixture-filter .dropdown-menu li,
.fixture-filter .sixinone-dropdown-menu a,
.fixture-filter .sixinone-dropdown-menu li {
color: var(--knc-text) !important;
  background: var(--knc-white) !important;
}

.fixture-filter .dropdown-menu a:hover,
.fixture-filter .dropdown-menu li:hover,
.fixture-filter .sixinone-dropdown-menu a:hover,
.fixture-filter .sixinone-dropdown-menu li:hover {
color: var(--knc-green-dark) !important;
  background: var(--knc-green-bg) !important;
}

#wp-sport-app-2 #main .live-badge,
#wp-sport-app-2 #main .live-tag {
color: var(--knc-white) !important;
  background: var(--knc-green) !important;
  background-image: none !important;
  border-color: var(--knc-green) !important;
}

.date-tabs .tab-button.active {
position: relative;
  border: 1px solid var(--knc-green) !important;
}

@media (max-width: 849px) {
  .date-tabs .tab-button {
  border-color: var(--knc-border) !important;
  }

  .date-tabs .tab-button.active {
  color: var(--knc-white) !important;
      background: linear-gradient(
        135deg,
        var(--knc-green-dark),
        var(--knc-green)
        ) !important;
      border-color: var(--knc-green) !important;
  }

  .fixture-filter .filter-league-btn,
  .fixture-filter .filter-dropdown-btn,
  .fixture-filter .sound-toggle-btn {
  border-color: var(--knc-border) !important;
  }
}

.league-name {
color: var(--knc-text) !important;
  font-weight: 700 !important;
}

.league-name:hover {
color: var(--knc-green-dark) !important;
}

.sixinone-dropdown-content {
border-radius: 0 0 8px 8px !important;
  overflow: hidden !important;
}

.sixinone-dropdown-content a {
color: var(--knc-text) !important;
  background: var(--knc-white) !important;
}

.sixinone-dropdown-content a:hover {
color: var(--knc-green-dark) !important;
  background: var(--knc-green-bg) !important;
}

.sixinone-dropdown-content .is-selected {
color: var(--knc-white) !important;
  background: var(--knc-green) !important;
  font-weight: 700 !important;
}

.sixinone-dropdown-content .active:hover,
.sixinone-dropdown-content .selected:hover,
.sixinone-dropdown-content .current:hover,
.sixinone-dropdown-content .is-active:hover,
.sixinone-dropdown-content .is-selected:hover {
color: var(--knc-white) !important;
  background: var(--knc-green-dark) !important;
}

.sixinone-dropdown-content span,
.sixinone-dropdown-content div,
.sixinone-dropdown-content p {
color: inherit !important;
}

.sixinone-dropdown-content li,
.sixinone-dropdown-content a {
border-bottom: 1px solid var(--knc-border-light) !important;
}

.sixinone-dropdown-content li:last-child,
.sixinone-dropdown-content a:last-child {
border-bottom: 0 !important;
}

.sixinone-dropdown {
color: var(--knc-text) !important;
}

.sixinone-dropdown svg,
.sixinone-dropdown i,
.sixinone-dropdown .icon {
color: var(--knc-green) !important;
  fill: var(--knc-green) !important;
}

.sixinone-dropdown:focus,
.sixinone-dropdown:focus-within,
.sixinone-dropdown.active,
.sixinone-dropdown.open {
border-color: var(--knc-green) !important;
  box-shadow: 0 0 0 1px rgba(var(--knc-green-rgb),.18),
    0 5px 16px rgba(0,0,0,.10) !important;
}

.leaguebox {
color: var(--knc-text-strong) !important;
  background: var(--knc-white) !important;
}

.leaguebox .leaguebox-header {
background: linear-gradient(
    135deg,
    var(--knc-green-dark) 0%,
    var(--knc-green) 45%,
    var(--knc-green-bright) 72%,
    var(--knc-green-rich) 100%
    ) !important;
  color: var(--knc-white) !important;
  border-bottom: 1px solid rgba(var(--knc-green-shadow-rgb),.45) !important;
}

.leaguebox .leaguebox-header h2 {
color: var(--knc-white) !important;
}

.leaguebox .close-btn {
color: var(--knc-white) !important;
  border-color: rgba(255,255,255,.65) !important;
  background: rgba(0,0,0,.10) !important;
}

.leaguebox .close-btn:hover {
color: var(--knc-white) !important;
  background: rgba(0,0,0,.20) !important;
  border-color: var(--knc-white) !important;
}

.leaguebox .search-input-wrap {
background: var(--knc-white) !important;
  border-color: var(--knc-border-beige) !important;
}

.leaguebox .search-input-wrap:focus-within {
border-color: var(--knc-green) !important;
  box-shadow: 0 0 0 2px rgba(var(--knc-green-rgb),.15) !important;
}

.leaguebox .search-icon {
color: var(--knc-green) !important;
}

.leaguebox .search-input-wrap input {
color: var(--knc-text-strong) !important;
}

.leaguebox .search-input-wrap input::placeholder {
color: var(--knc-gray-500) !important;
}

.leaguebox .filter-row .label {
color: var(--knc-text-strong) !important;
}

.leaguebox .toggle-group {
border-color: var(--knc-border-sand) !important;
  background: var(--knc-surface-warm) !important;
}

.leaguebox .toggle-btn.inactive {
color: var(--knc-text-strong) !important;
  background: transparent !important;
}

.leaguebox .toggle-btn.active {
color: var(--knc-white) !important;
  background: linear-gradient(
    135deg,
    var(--knc-green-dark) 0%,
    var(--knc-green) 50%,
    var(--knc-green-bright) 100%
    ) !important;
  box-shadow: 0 2px 6px rgba(var(--knc-green-shadow-rgb),.25) !important;
}

.leaguebox .toggle-btn:hover {
color: var(--knc-green-dark) !important;
}

.leaguebox .toggle-btn.active:hover {
color: var(--knc-white) !important;
}

.leaguebox .country-name {
color: var(--knc-text-strong) !important;
  background: linear-gradient(
    90deg,
    var(--knc-surface-neutral-1) 0%,
    var(--knc-surface-neutral-2) 100%
    ) !important;
  border-color: var(--knc-border-neutral) !important;
}

.leaguebox .country-name svg {
color: var(--knc-green-dark) !important;
}

.leaguebox .country-name svg path {
fill: currentColor !important;
}

.leaguebox .country-name:hover {
color: var(--knc-green-dark) !important;
  background: linear-gradient(
    90deg,
    var(--knc-green-bg) 0%,
    var(--knc-surface-cream-6) 100%
    ) !important;
}

.leaguebox .league-name {
color: var(--knc-text-blue-light) !important;
  font-weight: 600 !important;
}

.leaguebox .league-name.is_hot,
.leaguebox .league-name .tag {
color: var(--knc-green-dark) !important;
  font-weight: 700 !important;
}

.leaguebox .league-name:hover {
color: var(--knc-green) !important;
}

.leaguebox .cb {
background: var(--knc-green) !important;
  border-color: var(--knc-green) !important;
  color: var(--knc-white) !important;
}

.leaguebox .cb:hover {
background: var(--knc-green-dark) !important;
  border-color: var(--knc-green-dark) !important;
}

.leaguebox .cb.unchecked {
background: var(--knc-white) !important;
  border: 2px solid var(--knc-green) !important;
  color: transparent !important;
}

.leaguebox .footer-check-item {
color: var(--knc-text-strong) !important;
}

.leaguebox .footer-check-item .cb {
background: var(--knc-green) !important;
  border-color: var(--knc-green) !important;
}

.leaguebox .footer-check-item .cb.unchecked {
background: var(--knc-white) !important;
  border: 2px solid var(--knc-green) !important;
}

.leaguebox .btn-confirm {
color: var(--knc-white) !important;
  background: linear-gradient(
    135deg,
    var(--knc-green-dark) 0%,
    var(--knc-green) 45%,
    var(--knc-green-bright) 100%
    ) !important;
  border: 1px solid var(--knc-green-rich) !important;
  box-shadow: 0 4px 12px rgba(var(--knc-green-shadow-rgb),.25) !important;
}

.leaguebox .btn-confirm:hover {
color: var(--knc-white) !important;
  background: linear-gradient(
    135deg,
    var(--knc-green-pressed-dark) 0%,
    var(--knc-green-rich) 45%,
    var(--knc-green-pressed-light) 100%
    ) !important;
  box-shadow: 0 5px 16px rgba(var(--knc-green-shadow-rgb),.35) !important;
  transform: translateY(-1px);
}

.leaguebox .league-item {
background: var(--knc-white) !important;
  border-color: var(--knc-border-neutral-light) !important;
}

.leaguebox .league-item:hover {
background: linear-gradient(
    90deg,
    var(--knc-surface-white-warm) 0%,
    var(--knc-surface-cream-7) 100%
    ) !important;
}

.sixinone-dropdown-content {
background: var(--knc-white) !important;
  border: 1px solid var(--knc-border-cream) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.12) !important;
}

.sixinone-dropdown-content > *,
.sixinone-dropdown-content .dropdown-item,
.sixinone-dropdown-content li {
color: var(--knc-text-strong) !important;
  background: var(--knc-white) !important;
  border-bottom-color: var(--knc-border-warm) !important;
}

.sixinone-dropdown-content > *:hover,
.sixinone-dropdown-content .dropdown-item:hover,
.sixinone-dropdown-content li:hover {
color: var(--knc-green-dark) !important;
  background: linear-gradient(
    90deg,
    var(--knc-green-bg) 0%,
    var(--knc-green-tint) 100%
    ) !important;
}

.sixinone-dropdown-content .active,
.sixinone-dropdown-content .selected,
.sixinone-dropdown-content .is-active,
.sixinone-dropdown-content .current {
color: var(--knc-green-dark) !important;
  background: linear-gradient(
    90deg,
    var(--knc-green-tint) 0%,
    var(--knc-surface-cream-8) 100%
    ) !important;
  font-weight: 700 !important;
}

.sixinone-dropdown-content button {
color: var(--knc-text-strong) !important;
  background: var(--knc-white) !important;
  border-color: var(--knc-border-warm) !important;
}

.sixinone-dropdown-content button:hover {
color: var(--knc-green-dark) !important;
  background: var(--knc-green-bg) !important;
}

.sixinone-dropdown-content button.active,
.sixinone-dropdown-content button.selected {
color: var(--knc-green-dark) !important;
  background: var(--knc-green-tint) !important;
  font-weight: 700 !important;
}

.sixinone-dropdown .filter-dropdown-btn {
color: var(--knc-text-strong) !important;
  background: var(--knc-white) !important;
  border-color: var(--knc-border-gray) !important;
}

.sixinone-dropdown .filter-dropdown-btn:hover {
color: var(--knc-green-dark) !important;
  border-color: var(--knc-green) !important;
}

.sixinone-dropdown .filter-dropdown-btn svg {
color: var(--knc-green) !important;
}

.leaguebox svg {
color: var(--knc-green-dark);
}

.leaguebox svg path {
fill: currentColor;
}

.leaguebox input:focus,
.leaguebox button:focus {
outline: none !important;
}

.leaguebox input:focus-visible,
.leaguebox button:focus-visible {
outline: 2px solid rgba(var(--knc-green-rgb),.35) !important;
  outline-offset: 1px;
}

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

.leaguebox ::-webkit-scrollbar-track {
background: var(--knc-surface-neutral-3);
}

.leaguebox ::-webkit-scrollbar-thumb {
background: var(--knc-green-muted);
  border-radius: 10px;
}

.leaguebox ::-webkit-scrollbar-thumb:hover {
background: var(--knc-green-dark);
}

.bdk-page-scroll {
--bdk-brand: var(--knc-green);
  --bdk-brand-dark: var(--knc-green-dark);
  --bdk-brand-soft: var(--knc-green-bg);
}

.bdk-page-scroll .bdk-section-header {
background: linear-gradient(90deg, var(--knc-green-dark), var(--knc-green)) !important;
  border-color: var(--knc-green-dark) !important;
}

.bdk-page-scroll .bdk-section-header,
.bdk-page-scroll .bdk-section-header .bdk-sh-title,
.bdk-page-scroll .bdk-section-header .bdk-sh-label {
color: var(--knc-white) !important;
}

.bdk-page-scroll .bdk-time.is-live-text,
.bdk-page-scroll .bdk-time.is-live-text .bdk-time-text,
.bdk-page-scroll .bdk-score,
.bdk-page-scroll .bdk-mc-score,
.bdk-page-scroll .bdk-mc-status-time {
color: var(--bdk-brand-dark) !important;
}

.bdk-page-scroll .bdk-action-btn,
.bdk-page-scroll .bdk-mc-btn {
background: var(--bdk-brand) !important;
  border-color: var(--bdk-brand) !important;
  color: var(--knc-white) !important;
}

.bdk-page-scroll .bdk-action-btn:hover,
.bdk-page-scroll .bdk-mc-btn:hover {
background: var(--bdk-brand-dark) !important;
  border-color: var(--bdk-brand-dark) !important;
}

.bdk-page-scroll .bdk-time-stream-wrap svg [fill="#e8503a"] {
fill: var(--bdk-brand) !important;
}

.bdk-page-scroll .bdk-odds .down.odd_box {
background: var(--bdk-brand-soft) !important;
  border-color: var(--knc-border-gold) !important;
  color: var(--bdk-brand-dark) !important;
}

.bdk-page-scroll .bdk-odds .down.odd_box .box-icon {
color: var(--bdk-brand-dark) !important;
}

.bdk-page-scroll .bdk-mc-odd:has(.bdk-mc-arrow-down) {
background: var(--bdk-brand-soft) !important;
}

.bdk-page-scroll .bdk-mc-arrow-down {
color: var(--bdk-brand-dark) !important;
}

#wp-sport-app-2 {
--live-gold: var(--knc-green);
  --live-gold-dark: var(--knc-green-dark);
  --live-gold-bg: var(--knc-green-bg);
  --live-text: var(--knc-text);
}

#wp-sport-app-2 .filter-tabs .tab-button.active {
color: var(--knc-white) !important;
  background: linear-gradient(110deg, var(--knc-green-dark), var(--knc-green)) !important;
  border-color: var(--live-gold) !important;
}

#wp-sport-app-2 .filter-tabs .tab-button:not(.active):hover {
color: var(--live-gold-dark) !important;
  background: var(--live-gold-bg) !important;
  border-color: var(--live-gold) !important;
}

#wp-sport-app-2 .home_filterbar-live.red {
background: var(--live-gold) !important;
  border-color: var(--live-gold) !important;
  box-shadow: 0 0 0 3px rgba(var(--knc-green-rgb),.16) !important;
}

#wp-sport-app-2 .match-time,
#wp-sport-app-2 .match-status,
#wp-sport-app-2 .match-score,
#wp-sport-app-2 .half-time-score {
color: var(--live-gold-dark) !important;
}

#wp-sport-app-2 .filter-leagues-btn:hover,
#wp-sport-app-2 .date-nav-btn:hover,
#wp-sport-app-2 .date-display-btn:hover {
color: var(--live-gold-dark) !important;
  background: var(--live-gold-bg) !important;
  border-color: var(--live-gold) !important;
}

#wp-sport-app .page-container .league-selector-item.active,
#wp-sport-app .page-container .stage-btn.active {
background: var(--knc-green) !important;
  border-color: var(--knc-green) !important;
  color: var(--knc-white) !important;
}

#wp-sport-app .page-container .league-selector-arrow:not(:disabled) {
color: var(--knc-green-dark) !important;
  border-color: var(--knc-green) !important;
}

#wp-sport-app .page-container .league-selector-arrow:not(:disabled):hover {
background: var(--knc-green-bg) !important;
}

#wp-sport-app .page-container .league-selector-arrow:disabled {
color: var(--knc-gray-450) !important;
}

.row-table.row-header.row-two-line.sticky-header,
.row-table.row-header.row-two-line.sticky-header > .th-cell {
background: var(--knc-green-dark) !important;
  background-image: none !important;
  color: var(--knc-white) !important;
  border-color: rgba(var(--knc-green-light-rgb), .42) !important;
}

.row-table.row-header.row-two-line.sticky-header .th-odd-cell > span {
background: var(--knc-green-mid) !important;
  background-image: none !important;
  color: var(--knc-white) !important;
  border-color: rgba(var(--knc-green-light-rgb), .42) !important;
}

.row-table.row-header.row-two-line.sticky-header > .th-cell {
font-weight: 600;
}

.row-table.row-header.row-two-line.sticky-header svg {
color: var(--knc-white) !important;
}

#wp-sport-app-2 .row-league {
background: var(--knc-green-bg) !important;
  background-image: none !important;
  border-top-color: var(--knc-border-gold-light) !important;
  border-right-color: var(--knc-border-gold-light) !important;
  border-bottom-color: var(--knc-border-gold-light) !important;
  border-left: 4px solid var(--knc-green) !important;
}

#wp-sport-app-2 .row-league .th-league-name,
#wp-sport-app-2 .row-league .th-group-tools,
#wp-sport-app-2 .row-league .chevron-icon {
color: var(--knc-green-dark) !important;
}

#wp-sport-app-2 .row-league .chevron-icon path {
fill: currentColor !important;
}

#wp-sport-app-2 #main .td-cell.m-time.match-status.live {
color: var(--knc-green-dark) !important;
  background: var(--knc-green-bg) !important;
  background-image: none !important;
  border-left: 4px solid var(--knc-green) !important;
  box-shadow: none !important;
}

#wp-sport-app-2 #main .td-cell.m-time.match-status.live .m-time-inner,
#wp-sport-app-2 #main .td-cell.m-time.match-status.live .m-time-text,
#wp-sport-app-2 #main .td-cell.m-time.match-status.live .minute-symbol,
#wp-sport-app-2 #main .td-cell.m-time.match-status.live .m-live-mb {
color: var(--knc-green-dark) !important;
}

#wp-sport-app-2 #main .td-cell.m-time.match-status.live .live_icon_wrapper svg path {
fill: var(--knc-green) !important;
}

#wp-sport-app-2 .table-body .table-match-box:nth-child(even) > .row-table,
#wp-sport-app-2 .table-body .table-match-box:nth-child(even) > .row-table > .td-cell {
background-color: var(--knc-surface-cream-10) !important;
}