@import url(http://fonts.googleapis.com/css?family=Patua+One);


body {
/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
line-height: 1.42857143;*/
color: #000;
/*background-color: #fff;*/
}
.quadrado_peq{
  width: 20px;
  height: 20px;
  font-size: 10px;
  padding: 4px;
  border: 1px solid #000;
  margin-right: 1px;
  margin-top: 3px;
  text-align: center;
  font-weight: 900;
  cursor: pointer;
}

.quadrado_med{
  width: 45px;
  height: 45px;
  font-size: 28px;
  padding: 4px;
  border: 1px solid #000;
  margin-right: 3px;
  text-align: center;
  font-weight: 900;
  cursor: pointer;
}


.esp4{
  background-color: #00FF12;
  color: #000; 
}

.esp3{
  background-color: #64FF6F; 
  color: #000; 
}

.esp2{
  background-color: #C8FF92; 
  color: #000; 
}

.esp1{
  background-color: #F3FFBD; 
  color: #000; 
}

.esp-4{
  background-color: #FF0D0D; 
  color: #000; 
}

.esp-3{
  background-color: #FE3E3E; 
  color: #000; 
}

.esp-2{
  background-color: #FB9E75; 
  color: #000; 
}

.esp-1{
  background-color: #FEDA7A; 
  color: #000; 
}

.fisico1 {
  background-color: #FF0F0F; 
  color: #000; 
}

.fisico2, .fisico3 {
  background-color: #FFA766; 
  color: #000; 
}

.fisico4, .fisico5{
  background-color: #FFF959; 
  color: #000; 
}

.fisico6, .fisico7{
  background-color: #BCFF7A; 
  color: #000; 
}

.fisico8, .fisico9{
  background-color: #50FF21; 
  color: #000; 
}

.raridade_1{
  border-width: 8px;
  border-color: #F9EDD9;
  border-style: groove;
}

.raridade_2{
  border-width: 8px;
  border-color: #B4AEAE;
  border-style: groove;
}

.raridade_3{
  border-width: 8px;
  border-color: gold;
  border-style: groove;
}

.raridade_4{
  border-width: 8px;
  border-color: #A237FD;
  border-style: groove;
}

.raridade_5{
  border-width: 8px;
  border-color: #55A9E4;
  border-style: groove;
}

.popover-content {
    background: #F2F4FC;
    color: #000;
}
.popover-navigation {
    background: #F2F4FC;
}
.modal .modal-header {
  border-bottom: none;
  position: relative;
}
audio { 
   display:none;
}
.modal .modal-header .btn {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}
.modal .modal-footer {
  border-top: none;
  padding: 0;
}
.modal .modal-footer .btn-group > .btn:first-child {
  border-bottom-left-radius: 0;
}
.modal .modal-footer .btn-group > .btn:last-child {
  border-top-right-radius: 0;
}
.hair_player_list_msg {
    position: absolute;
    top: -13px;
    left: -3px;
    width: 70px;
}
.dropdown-menu {
     min-width: 240px;
    left: -150px;
    top: 26px;
    border: 1px solid;
    -webkit-box-shadow: 4px 5px 0px -2px rgba(42,100,150,1);
    -moz-box-shadow: 4px 5px 0px -2px rgba(42,100,150,1);
    box-shadow: 4px 5px 0px -2px rgba(42,100,150,1);
  }
.colorpicker {
    margin:0;
    padding:0;
    width:50px;
    height:50px;
    border-right:50px solid #17a7d2;
    line-height:50px;
    cursor: pointer;
}
.thumbnail{
  background: #FFF;
}

.panel-heading {
    padding: 5px 10px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.shadow{
  -webkit-box-shadow: 4px 5px 0px -2px rgba(42,100,150,1);
  -moz-box-shadow: 4px 5px 0px -2px rgba(42,100,150,1);
  box-shadow: 4px 5px 0px -2px rgba(42,100,150,1);
}
.badge_icon{
    top: -10px;
    position: relative;
    left: -16px;
    border: 1px solid #000;
    font-size: 10px;
    padding: 2px 4px;
}
.caixa_itens{
      background-color: #E2EEF7;
      padding:2px;
      margin-top: 4px;
      height: 180px;
      line-height: 12px;

}
.badge_icon_red{
    top: -10px;
    position: relative;
    left: -16px;
    border: 1px solid #000;
    font-size: 10px;
    padding: 2px 4px;
    background: red;
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
.container {
padding-right: 4px;
padding-left: 4px;
margin-right: auto;
margin-left: auto;
}
.qtd {
  position: relative;
    top: 20px;
    font-weight: 700;
    background-color: #689ECC;
    color: #FFF;
    margin-bottom: 4px;
}
.hair_player_list {
    position: absolute;
    top: -2px;
    left: -15px;
    width: 70px;
}
#menu_aba {
        padding: 6px;
        margin: 0;
        position:relative;
        color: #ffffff;
        font: 16px;
        text-align: center;
        letter-spacing:0.1em;
        text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
        font-weight: 800;
      display: inline-block;
      cursor: pointer;
    }

.xp{
        font: 10px 'Patua One', sans-serif;
        left: 14px;
        top: -26px;
        position: relative;
        color: #000;
}

.nome_time{
        font: 12px 'Patua One', sans-serif;
        padding: 2px;
}
.bot_level{
        font: 10px 'Patua One', sans-serif;
        padding: 2px;
        height: 22px;
}
.xp_bola{
  font-size: 28px;
}
.navbar-brand {
    padding: 0px 0px;
}

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
    margin-right: -15px;
    margin-left: 0px;
}
.xp_barra{
width: 80px;
margin-top: -4px;
font-size: 11px;
margin-bottom: 0px;
height: 22px;
margin-top: 0px;
margin-left: 34px;   
border: 1px #ddd solid;     
        box-shadow: inset 0px 1px 0px rgba(255,255,255,.3),
                    inset 0px 0px 20px rgba(0,0,0,0.1),
                    0px 1px 1px rgba(0,0,0,0.4);

}
.sombra{
          box-shadow: inset 0px 1px 0px rgba(255,255,255,.3),
                    inset 0px 0px 20px rgba(0,0,0,0.1),
                    0px 1px 1px rgba(0,0,0,0.4);

}
 .lv_jogador {
    background-color: #D87A2A;
    font-weight: 900;
    font-size: 18px;
    /* padding: 4px; */
    width: 24px;
    text-align: center;
}
 .pos_jogador {
    background-color: #E9183F;
    font-weight: 900;
    font-size: 14px;
    /* padding: 4px; */
    width: 20px;
    text-align: center;
    color: #FFF;
}
 .lv_jogador_pq {
    background-color: #D87A2A;
    font-weight: 800;
    font-size: 12px;
    /* padding: 4px; */
    width: 16px;
    text-align: center;
}
 .pos_jogador_pq {
    background-color: #E9183F;
    font-weight: 800;
    font-size: 10px;
    /* padding: 4px; */
    width: 14px;
    text-align: center;
    color: #FFF;
}
.desc_xp{
  position: absolute;
  width: 80px;
  text-align: center;
  margin-top: 2px;
  color: #000;

}
.img_player_sm_lv {
    position: relative;
    top: -30px;
    left: 0px;
    padding: 6px;
    width: 25px;
    /* background: aliceblue; */
}
.aba{height:30px; border:solid 1px; border-radius:5px 5px 0 0; text-align:center; padding-top:0px; background:#166EB9; top:-30px;position: absolute;left: 6%;}

#myCarousel{
  padding-top: 2px;

}
.box_itens{
  padding:6px; 
  border: 1px solid;margin-bottom: 4px; margin-top: 8px; color: #FFF;text-shadow: -1px 0 #080808, 0 1px #000000, 1px 0 #B5ACAC, 0 -1px #B5ACAC;
}
.build{
position: fixed;
bottom: 0px;
background: #166EB9;
width: 100%;
z-index: 9999;
margin-left: 0px;
opacity: 0.9;
max-height: 190px;
}

.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
/* display: block; */
width: 100% \9;
max-width: 100%;
height: auto;
}

.itens {
display: inline-block;
display: inherit;
max-width: 100%;
padding: 4px;
line-height: 1.428571429;
background-color: #eee;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.itens_img {
max-width: 100%;
padding: 4px;
line-height: 1.428571429;
border: 1px solid #ddd;
background: #FFF;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.carousel-inner .active.left { left: -33%; }
.carousel-inner .next        { left:  33%; }
.carousel-inner .prev        { left: -33%; }
.carousel-control.left,.carousel-control.right {background-image:none; color: #166EB9}
.item:not(.prev) {visibility: visible;}
.item.right:not(.prev) {visibility: hidden;}
.rightest{ visibility: visible;}


.itens_comprados{
  position: absolute;
  float: left;
  top: 392px;
  left: 96px;
  max-height: 100px;
}


.btn{
font-family: 'Patua One', sans-serif;
letter-spacing:0.1em;
text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
}
small, .small {
font-size: 70%;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 8px;
padding-left: 8px;
}

.escudo {
font: 14px 'Patua One', sans-serif;
font-weight: 800;
letter-spacing:0.1em;
}

.escudo_xp {
font: 18px 'Patua One', sans-serif;
font-weight: 800;
letter-spacing:0.1em;
}

.escudo_gr {
font: 64px 'Patua One', sans-serif;
font-weight: 900;
letter-spacing:0.3em;
color: #000;
}

.img_player_gd{
    position:relative; top:0px; left:16%;padding: 30px; width: 200px;
}
.img_player_sm{
    position:relative; top:0px; left:0px;padding: 6px;width: 25px;
}
.hair_player_sm{
   position:absolute; top:-6px; left:-8px; width: 100px;
}
.hair_player_md{
   position:absolute; top:-6px; left:-24px; width: 100px;
}
.hair_player_gd{
   position:absolute; top:-2px; left:-29px; width: 258px;
}
.campo_tatico{   
    position:relative; top:184px; left:494px; padding: 20px; text-align: center; width: 408px;
}


.goleiro{
   position:absolute; bottom: 58px; width: 94%; text-align: center;

}
.defesa{
   position:absolute; bottom: 144px; width: 94%; text-align: center;
}
.zagueiro{
   position:absolute; bottom: 144px; width: 94%; text-align: center;
}
.lateral{
   position:absolute; bottom: 144px; width: 94%; text-align: center;
}
.meio{
   position:absolute; bottom: 260px; width: 94%; text-align: center; 

}
.meio-campo{
   position:absolute; bottom: 260px; width: 94%; text-align: center; 

}
.ataque{
   position:absolute; bottom: 394px; width: 94%; text-align: center; 

}

.atacante{
   position:absolute; bottom: 394px; width: 94%; text-align: center; 

}

.seleciona :hover{
  cursor: pointer;
}

.numero{
  font: 18px 'Patua One', sans-serif;
  position: absolute;
  left: 0px;
  top: 10px;
  width: 40px;
  text-align: center;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  color: white;
}

.patrocinio{
  position: absolute;
  left: 42px;
  top: 50px;
}

.nome{
  font: 9px 'Patua One', sans-serif;
  position: absolute;
  left: -2px;
  top: 40px;
  width: 42px;
  text-align: center;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  color: white;
}

.energia{
  font: 9px 'Patua One', sans-serif;
  position: absolute;
  left: -2px;
  top: 64px;
  width: 42px;
  text-align: center;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  color: white;
}

.nome_posicao{
  font: 9px 'Patua One', sans-serif;
  position: absolute;
  left: -20px;
  top: 40px;
  width: 80px;
  text-align: center;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  color: white;
}

.bgcamisa{
  position: absolute;
  overflow: hidden;
  left:-2px;
  top: 1px;
  border-radius: 100%;
    border: 1px solid #bdc3c7;
    display: inline-block;
    vertical-align: middle;
  width: 44px;
}

.camisa{
      border-radius: 100%;
    /*overflow: hidden;*/
    /*border: 2px solid #bdc3c7;*/
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    padding: 2px;
    position: relative;
    margin-left: 8px;
    cursor: pointer;

}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #DEE4E9;
}
.camisa_gd{
      border-radius: 100%;
    /*overflow: hidden;*/
    /*border: 2px solid #bdc3c7;*/
    width: 150px;
    height: 150px;
    display: inline-block;
    vertical-align: middle;
    padding: 8px;
    position: relative;
    margin-left: 8px;
    cursor: pointer;

}
.campo{   
    position:relative; top:30px; left:0px; padding: 16px; text-align: center; width: 280px;
}


.estadio_1{
   position:absolute; top: 72px; left: 126px; width: 140px;
   z-index: 5;
}

.estadio_2{
   position:absolute; top: 2px; left: 12px; width: 145px;
}

.estadio_3{
   position:absolute; top: 3px; left: 170px; width: 100px;
}

.estadio_4{
   position:absolute; top: 90px; left: 10px; width: 98px;
   z-index: 4;
}

.estadio_5{
   position:absolute; top: -9px; left: 134px;  width: 54px;
}

.estadio_6{
   position:absolute; top: 43px; left: 248px;  width: 50px;
}

.estadio_7{
   position:absolute; top: 64px; left: -26px;  width: 60px;
}

.estadio_8{
   position:absolute; top: 129px; left: 90px;  width: 58px;
   z-index: 6;
}


#ribbon {
        padding: .20em 1em;
        width: 100%;
        margin: 0;
        margin-top: 4px;
        margin-bottom: 10px;
        position:relative;
        color: #ffffff;
        font: 20px 'Patua One', sans-serif;
        text-align: center;
        letter-spacing:0.1em;
        text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
        box-shadow: inset 0px 1px 0px rgba(255,255,255,.3),
                    inset 0px 0px 20px rgba(0,0,0,0.1),
                    0px 1px 1px rgba(0,0,0,0.4);
         background: -webkit-linear-gradient(top,#1eb2df, #17a7d2);
      display: inline-block;
    }
    
@media (min-width: 768px){
    .navbar-nav {
    font-size: 12px;
    }
}

.feedEkList{width:100%;}

.sempaddinglados{
    padding-left: 0px;
    padding-right: 0px;
    padding: 4px;
}

.sempaddingright{
    padding-right: 0px;
}

.formulario50{
    width: 50%;
}

.range {
    display: table;
    position: relative;
    height: 25px;
    margin-bottom: 20px;
    margin-top: 4px;
    background-color: rgb(245, 245, 245);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    font: 12px 'Patua One', sans-serif;
    width: 100%
}

.range input[type="range"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;

    display: table-cell;
    width: 100%;
    background-color: transparent;
    height: 25px;
    cursor: pointer;
}
.range input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;

    width: 30px;
    height: 25px;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0px;
    background-color: rgb(153, 153, 153);
}

.range input[type="range"]::-moz-slider-thumb {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    
    width: 30px;
    height: 25px;
    color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0px;
    background-color: rgb(153, 153, 153);
}

.range output {
    display: table-cell;
    padding: 3px 5px 2px;
    min-width: 40px;
    color: rgb(255, 255, 255);
    background-color: rgb(153, 153, 153);
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}
.range input[type="range"] {
    outline: none;
}

.range.range-primary input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(66, 139, 202);
}
.range.range-primary input[type="range"]::-moz-slider-thumb {
    background-color: rgb(66, 139, 202);
}
.range.range-primary output {
    background-color: rgb(66, 139, 202);
}
.range.range-primary input[type="range"] {
    outline-color: rgb(66, 139, 202);
}

.range.range-success input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(92, 184, 92);
}
.range.range-success input[type="range"]::-moz-slider-thumb {
    background-color: rgb(92, 184, 92);
}
.range.range-success output {
    background-color: rgb(92, 184, 92);
}
.range.range-success input[type="range"] {
    outline-color: rgb(92, 184, 92);
}

.range.range-info input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(91, 192, 222);
}
.range.range-info input[type="range"]::-moz-slider-thumb {
    background-color: rgb(91, 192, 222);
}
.range.range-info output {
    background-color: rgb(91, 192, 222);
}
.range.range-info input[type="range"] {
    outline-color: rgb(91, 192, 222);
}

.range.range-warning input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(240, 173, 78);
}
.range.range-warning input[type="range"]::-moz-slider-thumb {
    background-color: rgb(240, 173, 78);
}
.range.range-warning output {
    background-color: rgb(240, 173, 78);
}
.range.range-warning input[type="range"] {
    outline-color: rgb(240, 173, 78);
}

.range.range-danger input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(217, 83, 79);
}
.range.range-danger input[type="range"]::-moz-slider-thumb {
    background-color: rgb(217, 83, 79);
}
.range.range-danger output {
    background-color: rgb(217, 83, 79);
}
.range.range-danger input[type="range"] {
    outline-color: rgb(217, 83, 79);
}