.nToolbar .nToolbarControl.LeagueSel{display:none;}
.nToolbar .nToolbarControl.LeagueSel .Items {display:none;}

@media (max-width: 776px) {
    body .nToolbar {flex-direction: column; align-items: start;}
    body .nToolbar .nToolbarItem {flex-direction: column; align-items: unset; width: 100%;}
    body .nToolbar .nToolbarItem:nth-child(1) {order: 1;}
    body .nToolbar .nToolbarItem:nth-child(2) {order: 3;}
    body .nToolbar .nToolbarItem:nth-child(3) {order: 2;}
    body .nToolbar .nToolbarControl {margin-right: unset;}
    body .nToolbar .nToolbarControl>.in {justify-content: space-between;}
    body .nToolbar .nToolbarControl>.in>div.Name {flex-grow: 1;}
    body .nToolbar .nToolbarControl>.in>div.Value {flex-grow: 2;}
    body .nToolbar .nToolbarControl>.in.nCombo2>div.Value .Current {text-align: right;}
    body .nToolbar .DateSel .inputText input {text-align: right;}
    body .nToolbarControl>.in.nSwitch2>div {padding-top: 0; padding-bottom: 0;}
    body .nToolbarControl>.in.nSwitch2>div.Value {text-align: right;}
    body .nToolbarControl>.in.nSwitch2>div.Value>div>.Item {display: inline-block;}
}

.GamesList{}
.GamesList>.in{border-top-left-radius:20px;border-top-right-radius:20px;padding:0 30px;}
.GamesList table td.probability>.in,.GamesList table td.btts>.in{position:relative;text-align:center;}
.GamesList table td.probability>.in>img {width: 38px; height: 38px;}
.GamesList table td.btts>.in>img {width: 38px; height: 38px;} 
.GamesList table td.probability>.in>span,.GamesList table td.btts>.in>span{position:absolute;left:50%;top:50%;font-size:12px;width:20px;height:20px;text-align:center; transform: translate(-50%, -50%);}
.GamesList span.team1, .GamesList span.team2{cursor:pointer;}
.GamesList .SubTitle{margin:30px 0 0 0;font-size:32px; font-family: var(--serif);}
/* ._bottom{padding-top:40px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background:white;} */

.tInfo{padding:20px 0;}
.tInfo>table{min-width:100%}
.tInfo table td{border-bottom:1px solid #ccc;padding:5px 0;box-sizing:content-box;}
.tInfo table>caption{font-size:20px;text-align:left;padding-bottom:30px;font-family: var(--serif);} 
.tInfo table>caption>.hdr{font-weight:bold;}
.tInfo table>thead th{color:var(--ink-3);text-transform:uppercase;border-bottom:1px solid var(--line);padding:5px 0 20px;font-size:10px;text-align:left;font-weight:normal;vertical-align:top;z-index:10;box-sizing:content-box;}

.tInfo tbody .date{font-size:13px;}
.tInfo tbody .game{font-size:14px;}
.tInfo tbody .game>.league{font-weight:bold}
.tInfo tbody .game>.lines{color:#df7979;}
.tInfo tbody td.locked{color:#999;cursor:pointer;line-height:1.1em;font-size:12px;}
.tInfo tbody td.locked>img{opacity:0.5;}

.tInfo .date{width:17%;min-width:40px;}
.tInfo .game{width:30%;min-width:70px;}

.tInfo .tc{text-align:center;}

#MainTable{table-layout:fixed;}
#MainTable .date{width:11%;max-width:11%;padding-right:5px;}
#MainTable .game{width:22%;max-width:22%;}
#MainTable .btts{width:50px;min-width:50px;max-width:50px;text-align:center;}
#MainTable .probability{width:60px;min-width:60px;max-width:60px;text-align:center;}
#MainTable .score{width:60px;min-width:50px;max-width:60px;}

tr.opened.InPlay .rscore>div{color:#dd0000;}

tr.opened.InPlay.updated td{animation: update_values 16s linear 1;}

@keyframes update_values {
    0%  {background-color: #f4fb84;}
    50% {background-color: #f4fb84;}
    100% {background-color: #fff;}
}

div.goal{font-size: 14px;font-weight: 700;}

.btn_sort{cursor:pointer;padding-right:20px;}
.btn_sort.asc{background-image:url("/soccerbuddy/images/asc.png");background-position:calc(50% - 7px) calc(100% - 7px);background-repeat:no-repeat;color:var(--gold);}
.btn_sort.desc{background-image:url("/soccerbuddy/images/desc.png");background-position:calc(50% - 7px) calc(100% - 7px);background-repeat:no-repeat;color:var(--gold);}
.AddTable th.btn_sort.asc,.AddTable th.btn_sort.desc{padding-right:30px;}

div.Error{color:#e30000;padding-left:20px;}
div.Error>a{color:#e30000;text-decoration:underline;}
div.Success{font-size:24px;text-shadow:0 0 5px #fff;}

/*****/

.Hidden{visibility:hidden;height:0px;margin-top:0px;padding:0px;}

.predict_win{
    background-color: #024b02;
    /* background: url(/images/winstar_n4.svg) 100% 0 no-repeat transparent;
    background-size: 20px; */
}


/*
.predict_win>.in::after {content: 'WIN!'; display: block; position: absolute; top: 0; right: 0; z-index: 10;
font-weight: 900;
color: var(--gold);
font-size: 14px;
font-family: var(--serif);
}
*/

.score{font-size:16px;}
.hotTrends{margin-top:5px;}
.hotTrends>.in{font-size:12px;color:#880000;padding-top:5px;}
.hotTrends>.in>img{float:left;padding-right:5px;}
.hotTrends>.in>span{font-weight:bold;text-decoration:underline;}
.selectedTeam{color:#a12;font-weight:bold;}
.bold{font-weight:bold;}
.win{color:#2a1;font-weight:bold;}
.loss{color:#C33A3A;font-weight:normal;}

.oLoader{position:fixed;right:20px;top:50%;margin-top:-26px;display:none;padding-top:50px;height:0;width:50px;border:1px solid #888;background:#fff url(/vipclub/templates/custom/images/ajaxLoader.gif) 50% 50% no-repeat;border-radius:10px;z-index:1000;}
.DarkBg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background:rgba(0,0,0,0.4);display:none;}

.oPopup{position:absolute;display:block;background-color:white;border-radius:10px;border:1px solid #777;box-shadow:0 0 8px rgba(0,0,0,0.5);z-index:101;}
.oPopup>.in{position:relative;padding:10px;border-radius:10px;background-color:white;}
.oPopup .hdr{padding:5px 0 15px;font-size:18px;font-weight:bold;}
.oPopup ul{list-style:none;}
.oPopup ul>li{padding:5px;display:inline-block;width:190px;}

.TeamPopup{width:400px;}
.TeamPopup table{width:100%;}
.TeamPopup table>caption{font-weight:bold;}
.TeamPopup table>tbody>tr>td{padding:5px;line-height:1.2;}
.TeamPopup table>tbody>tr>td:first-child{padding-right:10px;}

.empty_s{font-size:16px;text-align:center;padding:0 20px 30px;}

.checkLabel{display:block;position:relative;padding-left:40px;cursor:pointer;font-size:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:28px;}
.checkLabel input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer;}
.checkLabel input:checked ~ .checkmark{background-color:#261610;}
.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:white;border:2px solid #261610;}
.checkmark::after{content:"";position:absolute;display:none;}
.checkLabel .checkmark::after{left:8px;top:4px;width:7px;height:12px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.checkLabel input:checked ~ .checkmark::after{display:block;}

@media only screen and (max-width:1000px) {
	.tInfo tbody .game{font-size:12px;}
	.tInfo tbody .date{font-size:11px;}
	#MainTable .probability{width:50px;min-width:50px;}
	.tInfo table > thead th{font-size:9px;}
}

@media only screen and (max-width:840px) {
	.main>div{padding:15px;}
	.GamesList > .in{padding:0 20px;}
	.tInfo table>caption{font-size:16px;}
}

@media only screen and (max-width:776px) {
	thead th.rollup{display:none;}
	
	#MainTable,#MainTable>tbody,#MainTable>tbody>tr{display:block;}
	#MainTable{width:100%}
	#MainTable>tbody td.rollup{display:inline-block;vertical-align:top;position: relative;padding:55px 0 20px;width:25%;min-width:50px;max-width:25%;height:40px;border-bottom:none;}
	
	#MainTable>tbody td.rollup.game,#MainTable>tbody td.rollup.date{width:100%;max-width:100%;font-size:13px;min-width:100%;box-sizing:border-box;border:none;}
	
	#MainTable>tbody td.rollup.date{height:unset;padding:0;}
	#MainTable>tbody>tr{border-bottom:1px solid #ddd;margin-bottom:20px;}
	#MainTable>tbody>tr:last-child{border-bottom: none;margin-bottom: 0;}
	
	#MainTable>tbody td.rollup.game{padding:0 0 10px;height:unset;}
	#MainTable>tbody td.rollup.game>.league{font-size:16px;}
	#MainTable>tbody td.rollup.score{line-height:40px;}
	
	#MainTable>tbody td.rollup:before{position:absolute;top:2px;left:calc(50% - 35px);width:70px;
        color:var(--ink-2);font-size:12px;display:block;border-bottom:none;line-height:normal;}
	#MainTable>tbody td.c1:before{content:"DRAW \A %";white-space:pre;}
	#MainTable>tbody td.c2:before{content:"TOTAL SCORE PREDICTION:";}
	#MainTable>tbody td.c3:before{content:"OVER 1.5 GOALS %";}
	#MainTable>tbody td.c4:before{content:"OVER 2.5 GOALS %";}
	#MainTable>tbody td.c5:before{content:"BTTS \A %";white-space:pre;}
	#MainTable>tbody td.c6:before{content:"1ST HALF SCORE PREDICTION:";}
	#MainTable>tbody td.c7:before{content:"1ST HALF OVER 0.5 GOALS %";}
	#MainTable>tbody td.c8:before{content:"1ST HALF OVER 1.5 GOALS %";}
	#MainTable>tbody td.c9:before{content:"2ND HALF OVER 0.5 GOALS %";}
	#MainTable>tbody td.c10:before{content:"2ND HALF OVER 1.5 GOALS %";}
	#MainTable>tbody td.c11:before{content:"1ST HALF SCORE:";}
	#MainTable>tbody td.c12:before{content:"TOTAL SCORE:";}
}

@media only screen and (max-width:640px) {
	.main>div{padding:10px;}
}

@media only screen and (max-width:480px) {
	.LeagueSel ul{width:200px;}
	.LeagueSel ul > li{white-space: normal;line-height: 1.2em;font-size:12px;}
	#MainTable>tbody td.rollup{padding:45px 0 20px;}
	#MainTable>tbody td.rollup:before{font-size:11px;font-weight: normal;}
	.AllTools .OscMenu .Link, .AllTools .OscMenu .Link:link,.nToolbar .innerGuide > div{font-size:14px;}
	.tInfo tbody .date{font-size:9px;}
}