body {
    background-color: #070707;
    background-image: url(../imagens/bg2022.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}

::-webkit-scrollbar { width: 15px; height: 10px; -webkit-border-radius: 16px; }
::-webkit-scrollbar-track-piece { background-color: #070707; -webkit-border-radius: 3px; }
::-webkit-scrollbar-thumb:vertical { height: 5px; background-color: #bdfb00; -webkit-border-radius: 3px; }
::-webkit-scrollbar-thumb:horizontal { width: 5px; background-color: #bdfb00; -webkit-border-radius: 3px; }
::-webkit-scrollbar-thumb:hover {background:#fff;}
::-webkit-scrollbar-thumb:active {background:#7eef01; border:0;}

#bg {
}
#header #upperbar {
    background-color: #071318;
    border-bottom: 1px solid rgba(13, 173, 215, 0.32);
    color: #fff;
}
#header #lowerbar {

}
#menu #logo {
    background-image: url(../imagens/logo.png);
}
#mainmenu li {
    border-left: 3px solid #7eef01;
    border-top: 1px solid #0a0b0a;
    background-color: #1D1D1B;
}
#mainmenu li a {
    color: #fff;
}
#mainmenu li a:hover {
    background-color: rgba(255,255,255,0.05);
}

#mainmenu li.active{
    background-color: #0f2431;
}

#mainmenu li .svg-inline--fa {
    color: #bdfb00;
}

#mainmenu li.seperator {
    border-top: 1px solid #101113;
    background-color: #151716;
}

#submenu li a {
    color: #979797;
}
#submenu li a:hover {
    background-color: rgba(255,255,255,0.05);
}

#upperbar .days .daytitle {
    background-color: #7eef01;
}
#upperbar .days .daytitle:after {
    background-color: #7eef01;
}
#upperbar .days .daytitle .daytitle_inner {
    color: #fff;
}
#upperbar .match {
    border-right: 2px solid #7eef01;
}
#upperbar .match.isnextmatch {
    background-color: rgba(13, 173, 215, 0.04);
}
#upperbar .match.isnextmatch:after {
    background-color: #7eef01;
}


#upperbar {
    color: #000;
}

#upperbar .groupname {
    color: #aaa;
}

#upperbar .match_inner .matchdate {
    color: #999;
}
#upperbar .overallresult {
    color: #a6a6a6;
}
#lowerbar .groupselector .title {
    color: #7f8c8d;
}
#lowerbar .groupselector .group {
    color: #bdfb00;
}


#lowerbar .groupselector .group a {
    color: #D9D9D9;
}
#lowerbar .groupselector .group a.active {
    color: #122A30;
    background-color: #D9D9D9;
    background-color: rgba(217, 217, 217, 0.78);
}
#lowerbar .groupselector .group a:hover {
    background-color: rgba(255, 255, 255, 0.17);
}
#lowerbar .groupselector .group a.active:hover {
    background-color: #D9D9D9;
}
#lowerbar .groups .team:first-child {
    border-bottom: 3px solid #7eef01;
}








.matchesbar {
    /* background-color: #071318; */
    border-bottom: 1px solid rgba(13, 173, 215, 0.32);
    color: #fff;
    margin-left: 23px;
    margin-right: 23px;
    width: calc(100% - 23px);
}


.matchesbar .days .daytitle {
    background-color: #7eef01;
}
.matchesbar .days .daytitle:after {
    background-color: #7eef01;
}
.matchesbar .days .daytitle .daytitle_inner {
    color: #fff;
}
.matchesbar .match {
    border-right: 2px solid #7eef01;
    background-color: #071318;
}
.matchesbar .match.isnextmatch {
    background-color: rgba(13, 173, 215, 0.04);
}
.matchesbar .match.isnextmatch:after {
    background-color: #7eef01;
}


.matchesbar {
    color: #000;
}

.matchesbar .groupname {
    color: #aaa;
}

.matchesbar .match_inner .matchdate {
    color: #999;
}
.matchesbar .overallresult {
    color: #a6a6a6;
}







.partner_logo  {
    background-color: #1D1D1B;
}
.partner_logos_container a:hover {
    background-color: rgba(255,255,255,0.1);
}
.partner_logos_container:before {
    border-color: transparent transparent #071318 transparent;
}
.partner_logos_container:after {
    border-color:  #1D1D1B transparent transparent transparent;
}
.partner_logos_container .tier.tier_gold .partner_logo a {
    border-left: 1px solid #101113
}
.partner_logos_container .tier.tier_bronze .partner_logo a {
    border-bottom: 1px solid #101113
}
.partner_logos_container .tier .partner_logo a {
    border-right: 1px solid #101113
}
#footer_partners_container {
    background-color: #141615;
    border-top: 5px solid #bdfb00;
}
#footer_partners:before {
    background-color: #bdfb00;
}

/* CONTENT */

h1 {
    color: #101113;
    background-color: #7eef01;
}
h1:before {
    background-color: #bdfb00;
}
h1:after {
    border-color: #7eef01 transparent transparent transparent;
}
h2,h3 {
    color: #fff;
}
h4 {
    color: #7eef01;
}
h4.highlight {
    color: #df6116;
}
h5 {
    color: #fff;
}

body {
    color: #fff; /* content_font_main */
}
a {
    color: #7eef01;
}
a:hover {
    color: #fff;
}
p {
    color: #fff; /* content_font_main */
}
.infobox {
    background-color: rgba(0, 0, 0, 0.3);
}
@media (min-width: 1280px) {
    #main_content {
        width: 1220px;
        margin: 70px 0px 0px 0px;
    }
}

#main_content li:before {
    color: #7eef01;
}

.cta {
    background-color: #FF9800;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}
.cta:hover {
    background-color: #FFB500;
    text-decoration: none;
}



#footer {
    color: rgb(122, 142, 152); /* content_font_passive */
}
#footer a {
    color: rgb(122, 142, 152); /* content_font_passive */
}
#footer a:hover {
    color: #fff;
}




/* NEWS */

.news-latest-item p {
    color: rgba(255, 255, 255, 0.72);
}
.news-latest-item h3 {
    color: #fff;
}
.news-latest-item h3 a {
    color: #fff;
}
.news-latest-date {
    color: rgba(255, 255, 255, 0.44);
}
.news-latest-item .title_outer {
    background-color: #7eef01;
}
.news-latest-item a:hover .title_outer {
    background-color: #fff;
}

/* SIDEBAR */

.nextshow_inner {
    background-color: #14232a;
}
.nextshow_inner {
    border: 2px solid #00acce;
}
.nextshow_inner .countdown {
    color: rgba(255, 255, 255, 0.5);
}
.nextshow_inner a:hover {
    background-color: rgba(0, 172, 206,0.1);
}


/* STANDINGS */

    .standings .header {
        color: #fff;
    }
    .standings .field.tier2 {
        color: #ffffff;
    }
    .standings .field.tier2 {
        color: #C4C4C4;
    }
    .standings .field.name a {
        margin-left: 10px;
        color: #fff;
    }
    .standings .field.name a:hover {
        color: #fff;
    }
    .standings tr:nth-child(even) {
        background-color: rgba(0,0,0,0.3);
    }
    .standings tr:nth-child(odd) {
        background-color: rgba(0,0,0,0.5);
    }
    .standings tr:hover {
        background-color: #0c81042e;
    }
    .standings tr:nth-child(2), .standings tr:nth-child(2):hover {
        background-color: #0c8104;
    }
    .standings tr:nth-child(2) .logo, .standings tr:nth-child(2) .rank {
        background-color: rgba(0,0,0,0.5);
    }
    .standings .field {
        border-right: 3px solid #1bca00;
    }

/* CHAMPIONS */

    .champions .header {
        color: #fff;
    }
    .champions .field.tier2 {
        color: #ffffff;
    }
    .champions .field.tier2 {
        color: #C4C4C4;
    }
    .champions .field.name a {
        color: #fff;
    }
    .champions .field.name a:hover {
        color: #fff;
    }
    .champions tr:nth-child(even) {
        background-color: rgba(0,0,0,0.3);
    }
    .champions tr:nth-child(odd) {
        background-color: rgba(0,0,0,0.5);
    }
    .champions tr:hover {
        background-color: #2c3f4a;
    }
    .champions tr:nth-child(2), .champions tr:nth-child(2):hover {
        background-color: #035f78;
    }
    .champions tr:nth-child(2) .logo, .champions tr:nth-child(2) .rank {
        background-color: rgba(0,0,0,0.5);
    }
    .champions .field {
        border-right: 3px solid #006a85;
    }


/* TEAMS */

    .teamsplayers .team {
        background-color: rgba(0, 0, 0, 0.5);
    }
    .teams .team_inner {
        background-color: #1d1d1b;
    }

/* Matches */

    .matchesschedule .match_inner_teams, .matchesschedule .status, .matchesschedule .links {
        background-color: rgba(0, 0, 0, 0.5);
    }
    .matchesschedule .result {
        background-color: #bdfb00;
    }
    .matchesschedule .finished {
        color: #bfc1c1;
    }
    .matchesschedule .loser {
        color: #bfc1c1;
    }
    .weeksselect .day.nextday {
        background-color: #bdfb00;
    }

    .weeksselect .day.active {
        background-color: #bdfb00;
    }
    .weeksselect .day .nextday:after {
        background-color: #d9d9d9;
    }

    .matchesschedule .match .tvbutton i {
        color: rgb(239, 56, 74);
    }

    .matchesschedule .team .name a {
        color: rgb(255, 255, 255);
        text-decoration: none;
    }
    .matchesschedule .team .name a:hover {
        text-decoration: underline;
    }

/* TV */

.widevideo-item-inner {
    background-color: #141414;
    color: #7f8c8d;
    border-left: 1px solid #113a68;
}
.widevideo-item-inner p {
    color: #7f8c8d;
}
.widevideo-item-inner:hover {
    background-color: #202020;
}

.form-control {
    color: #BBBBBB;
    background-color: #1C1C1C;
    border: 1px solid #404040;
}
.videosoptions.advanced .column {
  background-color: rgba(30, 30, 30, 0.5);
  outline: 1px solid #272728;
}
 .videosoptions.advanced .column h3 {
    color: #858585;
    text-shadow: 0px 0px 2px #000;
}
.videosoptions.advanced .column a {
    color: #888;
    background-color: rgba(0, 0, 0, 0.18);
}
.videosoptions.advanced .column a:hover {
    background-color: #333;
}
.videosoptions.advanced .column a.active {
    background-color: rgba(64, 150, 242, 0.5);
    color: #000;
}

.bigvideo-item-inner .overlay:hover {
    background-color: rgba(15, 106, 207, 0.15);
}
.bigvideo-item-inner .preview:after {
    background-color: #113a68;
}
.bigvideo-item-inner .preview:before {
    background-color: #113a68;
}
.bigvideo-item-inner .title {
    color: #eee;
    border-top: 1px solid #0e0e0e;
    background-color: rgba(24, 24, 24, 1);
}
.bigvideo-item-inner .icon {
  color: #1076e5;
}
.bigvideo-item-inner .download {
  color: #2C2C2C;
}


.widevideo-item-outer .suffix {
    background-color: #bdfb00;
}

.widevideo-item-outer .icon {
    color: #7eef01;
}

.videosoptions.advanced .column a.active {
    background-color: #bdfb00;
    color: #000;
}







/* TEAMSHEET */

.teamsheet .match_inner_teams, .teamsheet .status, .teamsheet .winloss {
    background-color: rgba(0, 0, 0, 0.5);
}
.teamsheet .result {

}
.teamsheet .finished {

}
.teamsheet .loser {

}
.teamsheet .winloss .win {
    background-color: rgb(19, 65, 26);
}
.teamsheet .winloss .loss {
    background-color: rgb(65, 19, 19);
}
.teamsheet .winloss .draw {
    background-color: rgb(121, 107, 49);
}

.teamsheet .maininfo .link a {
   color: #fff;
}
.teamsheet .maininfo .link a:hover {
   color: #397dec;
}
.teamsheet .stats .bignumber {
    background-color: #7eef01;
    color: #fff;
}
.teamsheet .stats .legend {
    color: #979797;
}
.teamsheet .matchstats i {
    color: #bdfb00;
}
.teamsheet .match_inner_teams a {
    color: #fff;
}
.teamsheet .match_inner_teams a:hover {
    color: #fff;
}
.teamsheet .match .playbutton {
    background-color: #1f3f72;
}
.teamsheet .match .playbutton:hover {
    background-color: #2c86ec;
}
.teamsheet .match .playbutton:hover i {
    color: #fff;
}
.teamsheet .player .age {
    color: #a09a9a;
}
.teamsheet .player .position {
    color: rgba(255,255,255,0.3);
}
.teamsheet .player .image_outer:after {
    padding-top: 100%;
}
.teamsheet .player_inner:after {
    background-color: rgba(146, 190, 240, 0.07);
}
.teamsheet .player .link a {
   color: rgba(255, 255, 255, 0.33);
}
.teamsheet .player .link a:hover {
   color: rgba(255, 255, 255, 1);
}
.teamsheet .maininfo .logo {
    background-color: rgba(0, 0, 0, 0.63);
}
.teamsheet .status .datetime {
    color: rgba(255, 255, 255, 0.5);
}
.teamsheet .vs {
    color: rgba(255, 255, 255, 0.23);
}
.timezoneinfo {
    color: rgba(255, 255, 255, 0.56);
}
.teamsheet .player_inner {
    background-color: #1d1d1b;
}
.teamsheet .linklist .link i {
    color: rgba(255,255,255,0.2);
}
.teamsheet .linklist .link a {
    background-color: #131b2a;
}
.teamsheet .linklist .link a:hover {
    background-color: #1c2637;
}

/* Push Notification Bubble */

#onesignal-bell-container {
    bottom: 70px !important;
    right: 10px !important;
}


/*FOR PRO LEAGUE SEASON START */

#lowerbar .rankings_container {
    display: none;
}

/*#main_content {
    margin-top: 0px;
}*/