: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: #d64444 !important
}

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

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

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

.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
}

.dark #soccerSettingWin .switch>input[type="checkbox"]:checked+.switch-style {
    background-color: #282c27 !important;
}

.tools,
.mintopnav {
    border-color: var(--second-color);
    border-bottom: 3px solid var(--second-color)
}

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

.menu2,
#soccer .scoretitle td,
#tools .on span,
#tools .on span:hover,
#soccer.dark #tools .on span,
#soccer.dark #tools .on span:hover,
.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)
}

.dark#soccer .Leaguestitle {
    background-color: #282828;
}

#soccer .Leaguestitle td,
#basketball .Leaguestitle td {
    border-bottom: 1px solid #BFBFBF66 !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: var(--primary-color)
}

.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
}