:root {
    --text-primary: #15825f;
    --primary-color: #005030;
    --second-color: #03472c;
    --down: green;
    --up: red;
}

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

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

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

.o-draw {
    background-color: #4077E1 !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,
.jqTitle,
#free-tools .on,
.newsetting .selectbox span.on,
.switch > input[type="checkbox"]:checked + .switch-style {
    background-color: var(--primary-color) !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,
.mintopnav li.on a,
.mintopnav.v2 li.on a,
.nav_select {
    background-color: var(--second-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: #00301d;
}

.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, 0.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;
}

span.line-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100px;
}

.dark .swiper-slide .menu-icon {
    display: block;
}

.dark .swiper-slide a span {
    color: #bbbbbb !important;
}

.dark .table-setting.d-flex {
    color: #ffffff !important;
}

.dark .swiper-slide .menu-icon.hide {
    display: none
}

.dark .settingBar {
    background-color: #030405 !important
}

.dark .soundSetting .selectbox {
    border: 1px solid #243B32;
}

.dark .soundSetting .selectbox span {
    background-color: #001F13;
    color: #fff;
    border-right: 1px solid #243B32;
}

.dark .bg-center {
    background-color: #002617;
}

.dark aside.menuSidebar .swiper-slide.swiper-slide-active a .menu-icon {
    display: none;
}

.dark aside.menuSidebar .swiper-slide.swiper-slide-active a .menu-icon.icon-blue {
    display: block;
}

.dark #menuMainSw .swiper-box.active span {
    color: #005030 !important
}

/*.dark #menuSp .swiper-slide.swiper-slide-active a span{*/
/*    color: #005030 !important*/
/*}*/
.dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu span {
    color: #005030 !important;;
    font-weight: 600 !important;
}

.dark .bottomBar-sp #menuSp .swiper-slide a span {
    color: #717171 !important;
}
.dark #match-list-box .selectbox__frame-number{
    color: #FFB800 !important;
}
.dark .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu{
    background-color: #374033 !important
}

