/* :root {
    --text-primary: #15825f;
    --primary-color: #397f19;
    --second-color: #43951e;
    --down: green;
    --up: red
}

.dark {
    --primary-color: #397f19;
    --second-color: #43951e
} */

.o-lose {
    background-color: #71ab49 !important
}

.o-win {
    background-color: #d64444 !important
}

.o-draw {
    background-color: #348ce2 !important
}

.oods-c-bg1, .up {
    background-color: #b73c3d
}

.oods-c-bg2, .down {
    background-color: #c9e8c6
}

.oods-c-bg3 {
    background-color: #ff0
}

.fx-win {
    background-color: #ee6435
}

.fx-lose {
    background-color: #60b723
}

.dark .oods-c-bg1, .dark .up {
    background-color: #8e3c64
}

.dark .oods-c-bg2, .dark .down {
    background-color: #1e612e
}

.dark .oods-c-bg3 {
    background-color: #a97d00
}

.up_red {
    BACKGROUND-COLOR: #fad2c9
}

.dark .up_red {
    BACKGROUND-COLOR: #8c4332
}

.down_green {
    BACKGROUND-COLOR: #e4f5cb
}

.dark .down_green {
    BACKGROUND-COLOR: #466b10
}

.o-up {
    color: #f00
}

.o-down {
    color: #008000
}

.win-f {
    color: #ee6435
}

.lose-f {
    color: #60b723
}

.draw-f {
    color: #348ce2
}

.ant .odds .downBG {
    background: #8f8
}

.dark .ant .odds .downBG {
    background: #3c843c
}

.ant .odds .upBG {
    background: #f88
}

.dark .ant .odds .upBG {
    background: #922828
}

.down2 {
    background: url(../images/greendown.png) no-repeat 43px 5px;
    display: block;
    width: 50px;
    margin: 0 auto;
    color: #008000
}

.up2 {
    background: url(../images/redup.png) no-repeat 43px 5px;
    display: block;
    width: 50px;
    margin: 0 auto;
    color: #f00
}

#header-wrapper, #analyMap a, .dark .jqTitle, .bts .ent, .popup-container .popup-titlebar, .oddsHead select, .jqTitle, #free-tools .on, .newsetting .selectbox span.on, .switch > input[type="checkbox"]:checked + .switch-style {
    background-color: var(--primary-color) !important
}

.popup-container .popup-content {
    border: solid 3px var(--second-color)
}

.menu2, #soccer .scoretitle td, .mintopnav li.on a, .mintopnav.v2 li.on a, .nav_select {
    background-color: var(--second-color)
}

/* #soccer .menu2 li a, #basketball .menu2 li a {
    border-right: 1px solid var(--black20)
} */

.menu2 li .on, .menu2 li .on:hover {
    color: var(--primary-color)
}

#basketball #header-wrapper, #basketball .oddsHead select, #basketball #analyMap a, #basketball .nav_select, #basketball .mintopnav li.on a, #basketball .menu2, #basketball #tools .on span, #basketball #tools .on span:hover, #basketball .mintopnav.v2 li.on a, .on-bg-color {
    background-color: var(--primary-color)
}

#basketball .tools, #basketball .mintopnav {
    border-color: var(--primary-color)
}

.lqAnalysisSel {
    width: 43px
}

#basketball .menu2, #basketball #tools .on span, #basketball #tools .on span:hover, #basketball .mintopnav.v2 li.on a, .on-bg-color {
    background-color: var(--second-color)
}

#basketball .menu2 li .on, #basketball .menu2 li .on:hover {
    color: var(--text-primary)
}

#basketball .tools, #basketball .mintopnav {
    border-color: var(--second-color)
}
/*
.neutral_info:hover:after {
    content: "สนามกลาง"
}

.add-info:hover:after {
    content: "ติดตามเกมนี้"
}

.add-info2:hover:after {
    content: "เลิกติดตามเกมนี้"
}

.add-info-l:hover:after {
    content: "Add this league to My Games!"
}

.add-info-l2:hover:after {
    content: "เลิกติดตามลีกนี้"
}

.add-info-t:hover:after {
    content: "ติดตามทีมนี้"
}

.add-info-t2:hover:after {
    content: "เลือกติดตามทีมนี้"
}

.hidden-team:hover:after {
    content: "ซ่องเกมทั้งหมดของลีกนี้"
}

.display-team:hover:after {
    content: "แสดงเกมทั้งหมดของลีกนี้"
}

.close-info:hover:after {
    content: "เลิกติดตามเกมทั้งหมดของลีกนี้ "
}

.hidden-info span:hover:after {
    content: "ซ่อนเกมทั้งหมดของลีกนี้ "
}

.display-info:hover:after {
    content: "แสดงเกมทั้งหมดของลีกนี้"
}

.odds-icon:hover:after {
    content: "ราคา"
}

.odds-icon1x2:hover:after {
    content: "ราคา"
}

.analyze-icon:hover:after {
    content: "วิเคราะห์"
}

.Detail-icon:hover:after {
    content: "สถิติ"
}

.threeinone-icon:hover:after {
    content: "3in1"
}

.x12-icon:hover:after {
    content: "1x2"
}

.Detail-basketball-icon:hover:after {
    content: "สถิติ"
}

.matchdata-icon:hover:after {
    content: "แอนิเมชั่นสด"
}

.closedata-icon:hover:after {
    content: "ปิด"
}

.allno:hover:after {
    content: "เลิกติดตาม"
}

.rankicon:hover:after {
    content: "ตารางคะแนน"
}

.highlight-icon:hover:after {
    content: "ไฮไลท์การแข่งขัน"
}

.bkflash-icon:hover:after {
    content: "แอนิเมชั่นสด"
} */

.analyze-icon:hover:after {
    content: "วิเคราะห์"
}

#soccer .Leaguestitle, #basketball .Leaguestitle, #soccer .team_leaguetitle {
    background: var(--table_header)
}

/* #soccer .Leaguestitle td, #basketball .Leaguestitle td {
    border-bottom: 1px solid var(--black05) !important
} */

#soccer .Leaguestitle.team, #basketball .Leaguestitle.team {
    background: var(--bgcolor-3) !important
}

.FootTroDiv {
    width: 1060px;
    margin: auto
}

.ant .cvd {
    width: 200px
}

.lr_tit {
    padding-left: 0
}

/* #top-tools {
    background-color: #2e3633
} */

.Preferences2 {
    background-color: #cce6d8
}

.Preferences2 .switch > input[type="checkbox"]:checked + .switch-style {
    background-color: #009973
}

.search-title span {
    background-color: var(--second-color)
}

/* #logoSpan {
    top: 7px;
} */

#btnSave {
    background-color: var(--primary-color)
}

.ant .btns {
    border-color: var(--primary-color);
    color: var(--text-primary)
}

.ant .btns .on, .ant .btns .on:hover {
    background: var(--primary-color)
}

.ant .btns span {
    border-color: var(--primary-color)
}

/* .liveBox .home-bar, .liveBox .guest-bar {
    background-color: #f60 !important
} */

#popupLinksMsg {
    background: #0a9261;
    border: 4px solid #3ebf8a;
    box-shadow: 0 8px 40px #28865e
}

#popupLinksMsg .closeBtn {
    background-color: #3ebf8a
}

#popupLinksMsg .linkBtn {
    box-shadow: 2px 2px 1px #056d41
}

#popupLinksMsg .linkBtn:hover {
    background-color: #e2fff6
}

.ef-radio > input[type="radio"]:checked + .ef-radio-style {
    background-color: var(--primary-color)
}

.mintopnav a {
    padding: 0 35px
}

#analyMap a:hover, #analyMap a:first-child {
    background-color: #f60 !important
}

#analyMap a {
    line-height: 26px
}

.team-table-home .team-name, .team-table-guest .team-name {
    width: 135px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    padding-top: 3px
}

.hand-bg {
    background-color: var(--second-color)
}

.nav_select li {
    background: rgba(255, 255, 255, .85);
    color: #333;
    line-height: 23px;
    margin: 3px 3px 6px 3px;
    border-radius: 3px
}

.nav_select .pd2 li:last-child {
    background: none;
    color: #fff
}

.nav_select .pd2 li a {
    color: #333
}

.nav_select .pd2 li a:hover {
    text-decoration: none
}

select#sel_showType {
    padding: 3px
}

.icon-matchdata, .icon-font-lineup, .icon-icon-live1 {
    color: var(--text-primary)
}

.sbtn, .sbtn2 {
    background: #e1f0eb
}

#basketball .search-title span {
    background-color: var(--second-color)
}

.menu {
    border-bottom: solid 4px #117152
}

.menu .goalspan.on {
    background: #117152;
    color: #fff;
    border-color: #117152
}

.tfd2 {
    background-color: #e7f3e4
}

.dark .tfd2 {
    background-color: var(--primary-color)
}

.ttt1 {
    background: #0f6a4d;
    color: #fff;
    line-height: 20px
}

.dark .ttt1 {
    background-color: #0f6a4d;
    color: #fff
}

.settool2 {
    border-bottom-color: var(--second-color)
}

.settool2 .setab a, .settool2 .setab a:visited, .settool2 .setab a:hover, .settool3 .klk a, .settool3 .klk a:visited, .settool3 .klk a:hover, .tbs .title, .dark .tbs .title {
    background: var(--second-color)
}

.font13se, .f_match {
    background: var(--primary-color)
}

nav.header {
    background: var(--primary-color)
}

.coursebu {
    width: 100px
}

.coursebu:hover {
    background: #40ac8d url(../images/coursebu.svg) no-repeat 10px center;
    background-size: 18px
}

.course {
    background: var(--primary-color);
    border: 8px #054a34 solid
}

.course .img {
    background: url(../images/makeStep.gif)
}

.content .Notice p {
    font-size: 18px
}

#ddlTimeZone li:hover, #ddlOddsType li:hover {
    background: var(--second-color)
}

#teamid .oodstable-t .sl {
    text-align: center
}

.dark #choose_right li.on:hover {
    background: var(--second-color) url(../images/see.png) no-repeat right;
    background-position-x: 460px
}

#choose_right .on {
    background: url(../images/see.png) no-repeat right;
    background-position-x: 460px
}

#choose_right li.on:hover {
    background: #eef8e9 url(../images/see.png) no-repeat right;
    background-position-x: 460px
}

#choose_right li.hide:hover {
    background: #eef8e9 url(../images/hide.png) no-repeat right;
    background-position-x: 460px
}

.btn .gl_btn.on {
    background: var(--primary-color)
}

.popup-container2 .popup-titlebar2 {
    background: var(--primary-color);
    border-top: 1px solid var(--primary-color)
}

.popup-container2 .popup-content2 {
    border: solid 3px var(--primary-color)
}

.bts .LQent {
    background-color: var(--second-color);
    color: #fff;
    padding: 0 30px
}

.nodatapage .alogo {
    color: var(--text-primary);
    font-size: 70px
}

.nodatapage .backbtn {
    background: #00301d;
}

.match-odds-menu .on, ul.menu .on, .tabsBox .item.on {
    background-color: var(--second-color)
}

.dark .match-odds-menu .on, .dark ul.menu .on, .dark .tabsBox .item.on {
    background-color: var(--second-color)
}

.popinfo .complist.on, .popinfo .complist.on:hover {
    border-color: #a1c5b9
}

.tabsBox li.on {
    background-color: var(--second-color)
}

.crumbs a.off {
    color: var(--text-primary)
}

.leadpop .logo {
    width: 220px
}

.freesoccer #showoptional2 {
    top: 42px
}

.freesoccer #showCompany {
    top: 42px !important
}