@charset "utf-8";
/*SM FANS*/
body, html{ width:100%; height:100%;}
body{background: #FFFFFF;font-family: 'Roboto', sans-serif;font-weight:400;color: #333;padding-top: 56px;}
img{max-width:100%;height: auto;}
b{ font-weight:700;}
a, a:hover{}
#app{
	overflow: hidden;
}
.text-dourado{
  color: #705100;
}
.text-super{
  color: #000;
}
.text-normal{
  color: #444;
}

.bg-cinza-0{
  background:#BCBCBC;
}
.bg-cinza-1{
  background:#DDD;
}
.bg-cinza-2{
  background:#CDCDCD;
}
p.small{line-height: 1.3;}
h1, h2, h3{font-size: 1.4rem;line-height: 130%;}
.sub{font-size: 1.2rem;}
.p{font-size:1.1em;}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width:100% !important;
}

#compararJogadores{ color:#000;}
#compararJogadores .stats{
   

}

.bg-light2{ background: #dedede;}
#formCompararJogadores{ background: #dedede;}


#compararJogadores .stats .col-2{     background:#CCC;}
#compararJogadores .stats .col-2 b{font-size: 18px;line-height: 54px;}
#compararJogadores .stats .col-8{ background:#DDD; font-size:13px;}


#compararJogadores .stats .col-2:nth-child(n+2){    border-right: 3px solid #6c757d;}
#compararJogadores .stats .col-2:nth-child(1){    border-left: 3px solid #6c757d;}
#compararJogadores .stats.more-left .col-2:nth-child(1){    border-left: 3px solid #28a745;}
#compararJogadores .stats.more-right .col-2:nth-child(n+2){    border-right: 3px solid #28a745;}

#compararJogadores .stats.more-right .col-2:nth-child(1){   border-left: none;}
#compararJogadores .stats.more-left .col-2:nth-child(n+2){    border-right: none;}

#compararJogadores .totals{
    background:#BBB;

}
#compararJogadores .totals .col-2 b{font-size:20px;line-height: 54px;}
#compararJogadores .totals .col-8{ background:#AAA;}

.text-lv1{	color:#B82619;}
.text-lv2{	color:#BD6D24;}
.text-lv3{	color:#CDBA3A;}
.text-lv4{	color:#84C03A;}
.text-lv5{	color:#00AA54;}
.text-lv6{	color:#038BA3;}
.text-lv7{	color:#4372E6;}
.text-lv8{	color:#6A36BC;}
.text-lv9{	color:#A51DA5;}
.text-lv10{	color:#393939;}
.text-lv11{	color:#37366F; font-weight: bold;}


.lvs{color:#FFF;padding: 0px 5px;font-weight: 600;}
.lv1{	background:#B82619;}
.lv2{	background:#BD6D24;}
.lv3{background: #CDBA3A;}
.lv4{	background:#84C03A;}
.lv5{	background:#00AA54;}
.lv6{	background:#038BA3;}
.lv7{	background:#4372E6;}
.lv8{	background:#6A36BC;}
.lv9{	background:#A51DA5;}
.lv10{	background:#393939;}
.lv11{	background:#37366F;}

.btn.lv{color:#FFF;}
.btn.lv1:hover{background: #911e13;}
.btn.lv2:hover{background: #95551c;}
.btn.lv3:hover{background: #a3942e;}
.btn.lv4:hover{background: #69992e;}
.btn.lv5:hover{background: #018140;}
.btn.lv6:hover{background: #016576;}
.btn.lv7:hover{background: #385fc1;}
.btn.lv8:hover{background: #542a97;}
.btn.lv9:hover{background: #7c157c;}
.btn.lv10:hover{background: #121212;}
.btn.lv11:hover{background: #000;}

.lv11{	background:#37366F;}
#table div.row:nth-child(odd) {background: #EEE;}
#table div.row:hover {background: #DEDEDE;}

.line-full{
    height: 10px;
    width:100%;
    border:1px solid #6c757d;
    background: rgb(0,193,255);
    background: -moz-linear-gradient(180deg, rgba(0,193,255,1) 0%, rgba(0,193,255,1) 50%, rgba(0,105,255,1) 50%, rgba(0,105,255,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,193,255,1) 0%, rgba(0,193,255,1) 50%, rgba(0,105,255,1) 50%, rgba(0,105,255,1) 100%);
    background: linear-gradient(180deg, rgba(0,193,255,1) 0%, rgba(0,193,255,1) 50%, rgba(0,105,255,1) 50%, rgba(0,105,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00c1ff",endColorstr="#0069ff",GradientType=1);
}

.line{
    height: 100%;
    background: rgb(222,0,0);
    background: -moz-linear-gradient(180deg, rgba(222,0,0,1) 0%, rgba(222,0,0,1) 50%, rgba(198,0,0,1) 50%, rgba(198,0,0,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(222,0,0,1) 0%, rgba(222,0,0,1) 50%, rgba(198,0,0,1) 50%, rgba(198,0,0,1) 100%);
    background: linear-gradient(180deg, rgba(222,0,0,1) 0%, rgba(222,0,0,1) 50%, rgba(198,0,0,1) 50%, rgba(198,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#de0000",endColorstr="#c60000",GradientType=1);
}

.pacotes p{
	text-transform: capitalize;
	font-weight: 600;
	letter-spacing: 0.5px;
}
.pacote-bronze p{
    background: #cd7f32;
}
.pacote-prata p{
    background: #c0c0c0;
}
.pacote-ouro p{
    background: #DBAF12;
}
.pacote-platina p{
    background: #484A95;
    color: #FFF;
}
.pacote-diamante p{
    background: #000;
    color: #FFF;
}


#capitaes{}
#capitaes .capitaes.row:nth-child(odd){
	background:#DDD;
}
#capitaes .capitaes{}
#capitaes .perc{}
#capitaes .perc div{
    height: 6px;
    background: #F00;
    margin: 10px 10px 10px 0px;
    float: left;
}
#capitaes .perc b{
    float: left;
}
#footer_copyright p{ font-size:14px;}


#jogadorComportamento{
}
#jogadorComportamento .linha{
    height: 30px;
}

#jogadorComportamento .seguro{
    height: 30px;
    background: #000;
    width: 20%;
}

#jogadorComportamento .bg{background:#DDD;height: 30px;}
#jogadorComportamento .comportamento-container div{
    bottom: 0px;
}
#jogadorComportamento p{
    font-size: 17px;
    line-height: 30px;
}

#jogadorEstatistica.table td, #jogadorEstatistica.table th{
    vertical-align:middle;
}
#jogadorEstatistica.table th.th{ text-align: center;}

#jogadoresEstatistica .header p{ font-weight:600;}
#jogadoresEstatistica .lvl:nth-child(odd){ background:#DDD;}




#result .divstats{ padding:5px; background:#EEE; border:1px solid #CCC;}

.divstats{}
.divstats b{
    line-height: 25px;
}
.divstats .title{
    left: 5px;
}

.divstats .titleright{
    right: 5px;
}
.divstats .num{
    width: 35px;
    text-align: center;
    right: 0px;
}
.divstats .graph{
    height: 25px;
    background:#EEE;
    
}
.divstats .col-12{
    background:#DDD;
   
}

.divstats .graph.vlow{background:#D63F50;}
.divstats .graph.low{background:#F68D5C;}
.divstats .graph.medium{ background:#FDDF8A;}
.divstats .graph.high{ background:#9AD093;}
.divstats .graph.vhigh{background: #6fbfef;}

.divstats .compgraph{
    height: 25px;
    background: #75F94B;
    width: 20%;
    }
.divstats .graph-def{
    background: #76FCF5;
}
.divstats .compgraph i{
    font-weight:700;
    font-style:normal;
    line-height:25px;
    letter-spacing: 3px;
}
.span_seg{background: #76FCF5;}
.span_atc{background: #75F94B;}

#presetTeam{
    height:450px;
    overflow-y:scroll;
}

input[type=range] {
  -webkit-appearance: none;
  margin: 20px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  background: #AAA;
  border-radius: 25px;
}
input[type=range]::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 4px 0 rgba(0,0,0, 1);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #007bff;
}
.range-wrap, .range-wrap2, .range-wrap2{
  position: relative;
}
.range-value, .range-value2, .range-value3{
  position: absolute;
  top: -50%;
}
.range-value span, .range-value2 span, .range-value3 span{
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #007bff;
  color: #fff;
  font-size: 13px;
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 4px;
  padding: 0px 5px;
  width: 66px;
  font-weight: 600;
}
.range-value span:before, .range-value2 span:before, .range-value3 span:before{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid #007bff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  margin-top: -1px;
}
.dropdown-item:focus, .dropdown-item:hover{background-color: #4198f5;color:#FFF;}
#jogadores-nivel th{height: 70px;}

#jogadores-nivel .super {
	
    background: #212529;
    color: #FFF;
    /* background: #a3a07e;*/
}

#jogadores-nivel .gold {
	background: #a3a07e;
    color: #FFF;
}


#top-players{}
/*

*/

#top-players.table-dark.table-striped tbody tr:nth-child(4n+1),
#top-players.table-dark.table-striped tbody tr:nth-child(4n+2){
      background-color: #343a40 ;
}

#top-players.table-dark.table-striped tbody tr:nth-child(4n+3),
#top-players.table-dark.table-striped tbody tr:nth-child(4n+4){
      background-color: #000 ;
}

#top-players.table-dark.table-striped tbody tr.first{background: #DAA520; font-size:1.25em;}
#top-players.table-dark.table-striped tbody tr.second{background: #A0A0A0; font-size:1.15em;}
#top-players.table-dark.table-striped tbody tr.third{background: #CD7F32; font-size:1.1em;}

#top-players.table-dark.table-striped tbody tr.border-0 {
  font-size:1em;
}



#top-players .ouro, #top-players .prata, #top-players .bronze{
display:inline-block;
width:50px;
height:50px;
line-height:50px;
border-radius:50px;
border:1px solid #FFF
  }


#top-players .ouro{background: #b98c1a;}
#top-players .prata{background: #898989;}
#top-players .bronze{background: #a96929;}
#top-players td, #top-players th{ vertical-align:middle;}
#top-players .table-detail td, #top-players .table-detail th, #top-players .table-detail tr{border:none;background: transparent;}

#top-players div.stars{
  width: 112px;
  height: 22px;
  margin: 0px auto;
}

#top-players div.stars span{
  background-image: url(../img/stars-22p.png);
  display:inline-block;
  height: 100%;
}

#top-players-stats p, #top-players-stats ul{font-size: 1em;line-height: 31px;}
#top-players-stats h2{font-size:1.5em;}
#top-players-stats p.p{font-size:1.25em;}
#top-players-stats p.pp{font-size:1.2em; line-height:1.3;}
#top-players-stats p.ppp{font-size: 1.2em;line-height: 31px;}

#top-players-stats div.stars{
  width: 165px;
  height: 31px;
  margin: 0px auto;
}

#top-players-stats div.stars span{
  background-image: url(../img/stars-30p.png);
  display:inline-block;
  height: 100%;
  
}
#top-players-stats{}

.wtabela-jogadores{
  overflow: auto; cursor: grab;
}

.tabela-jogadores{
  width: 690px;
}
#tabela{font-size:0.9em;}
#tabela .jogador:nth-child(odd),
#tabela .pjogador:nth-child(odd) {background: #EEE;}
#tabela .jogador:nth-child(even),
#tabela .pjogador:nth-child(even){background: #D0D0D0;}

#fixed-head{
  left: 0px;
  top: -56px;
  z-index: 999;
  -webkit-transition: top 0.1s ease-in-out;
  -moz-transition: top 0.1s ease-in-out;
  -o-transition: top 0.1s ease-in-out;
  transition: top 0.1s ease-in-out;
  box-shadow: 0px 0px 10px #AAA;
}

#fixed-head.nav-down{
  top: 56px;}


@media (min-width:480px){


}

@media (min-width:576px){
.tabela-jogadores{
  width: 800px;
}
#tabela{font-size:1em;}
}
@media (min-width:768px){
	
}

@media (min-width:992px){

.wtabela-jogadores{}

#jogadorComportamento .comportamento-container{
    height: 200px;
    border: 2px solid #DDD;
}
#jogadorComportamento p{}


.wtabela-jogadores{
  overflow: hidden;
  cursor: unset !important;
}

.tabela-jogadores{
  width: unset;
}
  
}
@media (min-width:1200px){
    
    #bbody{min-height: 90vh;}



#top-players-stats p, #top-players-stats ul{font-size: 1.1em;}
#top-players-stats h2{font-size:2em;}
#top-players-stats p.pp{font-size:1.7em;}
#top-players-stats p.ppp{font-size: 1.4em;}

}