.modal {

  /*display:block;*/
  padding: 0px !important;
}

.detalhes-pos-jogo h4 {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-weight: normal !important;
}

.detalhes-pos-jogo {
  /*background:url("../img/bg-detalhes-jogo.png");*/
  background-color: #f5f5f5;
  border-top: solid 4px #2b4c83;
  height: 75% !important;
  max-height: 75% !important;
}

.detalhes-pos-jogo .modal-content {
  padding: 15px 0px;
}

.modal-header {
  background-color: transparent !important;
}

.btn-close {
  color: #039be5;
  padding: 10px 15px;
  border: solid 2px #039be5;
  font-size: 0.8rem;
  line-height: 1.0rem;
}


/* INFORMAÇÕES GERAIS*/

.titulo-detalhes {
  color: #005ba2 !important;
  font-size: 1.6rem !important;
  margin-bottom: 25px !important;
}


.detalhes-pos-jogo .informacoes-geral {
  padding-top: 20px;
}

.detalhes-pos-jogo .informacoes-geral h4 {
  color: #005ba2;
  font-size: 1.2rem;
  text-align: left;


}

.detalhes-pos-jogo .informacoes-geral .info-det {
  padding-left: 80px;
  float: left;
  width: 100%;
  padding-top: 8px;
  height: 64px;
}

.nome-competicao,
.dia-mes,
.estadio-det,
.publico,
.renda,
.juiz,
.transmissao,
.preco-socio,
.preco-comum
 {
  padding: 0 10px;
  height: 60px;
  margin: 0;
  display: flex;
  align-items: center;
}

.ic-pagantes {
  width: 41px;
  margin-left: 10px;
  margin-top: 7px;
}

.dia-mes {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.dia-mes h4 {
  margin-bottom: 0;
}

.detalhes-pos-jogo .informacoes-geral .dia-mes h4 {
  display: block
}


.detalhes-pos-jogo .informacoes-geral .competicao-det {
  padding-left: 80px;
  float: left;
  background: url("../img/ic-libertadores.png") top left no-repeat;
  padding-top: 20px;
}


.detalhe-placar {
  width: 100%;
  /*border:solid 1px red;*/
  float: left;
  margin-bottom: 15px;
}

.detalhe-placar .time-casa,
.detalhe-placar .time-fora {
  float: left;
  width: 50%;
  color: #fff;
  text-transform: uppercase;
}

.detalhe-placar .time-casa {
  padding-right: 2%;
}

.detalhe-placar .time-fora {
  padding-left: 2%;
}

.detalhe-placar .time-casa h4 {
  font-size: 1.6rem;
  float: left;
  width: 60%;
  text-align: right;
  margin-top: 5%;
  padding-right: 5%;
  font-weight: 500 !important;
}

.detalhe-placar .time-fora h4 {
  font-size: 1.6rem;
  width: 60%;
  margin-top: 5%;
  padding-left: 5%;
  font-weight: 500 !important;
  text-align: left;
}

.detalhe-placar .time-casa img {
  float: right;
  width: 25%;
}

.detalhe-placar .time-fora img {
  float: left;
  width: 25%;
}

.detalhe-placar .placar {
  text-align: center;
  width: 15% !important;
  text-align: center !important;
  padding-right: 0% !important;
  padding-left: 0% !important;
}

/* ----------------------------- BLOCO INFORMA ----------------------------*/

.bloco-informa {
  float: left;
  width: 100%;
  /* border:solid 1px red;*/
  margin-top: 15px;
}

.bloco-informa p {
  text-align: center;
  color: #005ba2;
  text-transform: uppercase;
  font-size: 0.8rem;
  margin-bottom: 0px;
}

.bloco-informa h4 {
  text-align: center !important;
  width: 100%;
  float: left;
  color: #fff;
  color: #005ba2;
  font-size: 1.3rem;
  text-align: center;
  margin-top: 14px;
}

/* ------------------------ GRAFICO POSSE -----------------------------------*/


.ag-grafico-posse {
  width: 100%;
  float: left;
}

.bloco-informa .ag-grafico-posse h4 {
  width: 15%;
  float: left;
  color: #fff;
  font-size: 1.3rem;
  text-align: center !important;
  margin-top: 14px;
  color: #005ba2;
}

.grafico-posse {
  float: left;
  background-color: #fff;
  width: 70%;
  height: 12px;
}

.grafico-posse span {
  float: left;
  display: block;
  height: 12px;
  background-color: #005ba2;
}


/* ----------- ESCALACAO ----------------------*/

.escalacao-casa {
  width: 50%;
  border-right: solid 1px #002851;
  float: left;
}

.escalacao-casa li {
  color: #fff;
  text-align: right;
  width: 90%;
  margin-bottom: 2px;
  float: left;
  /*border:solid 1px red;*/
  height: 40px;
}


.escalacao-casa li .nome-atleta-det {
  width: 100%;
  float: left;
  padding-right: 0%;
  color: #005ba2;
  height: 20px;
}

.escalacao-casa .atleta-sub .nome-atleta-det {
  padding-right: 0%;
  /*border:solid 1px red !important;*/
  opacity: 0.7;
  color: #910000;
}

.escalacao-casa .atleta-sub .nome-atleta-det .material-icons {
  margin-top: 3px;
  float: right;
  font-size: 21px;
}

.escalacao-casa li .st-atleta {
  color: #fff;
  text-align: left;
  width: 100% !important;
  float: right;
  height: 20px;

}

.escalacao-casa .material-icons {
  font-size: 20px;
}

.y-card {
  color: #F90 !important;
}

.r-card {
  color: #F00 !important;
}

.gol-det {
  /*background:url("../img/ic-gol.png") top center no-repeat;*/
  background: url("/img/ic-gol.svg") top center no-repeat;
  background-size: 13px;
  width: 30px;
  float: right;
  margin-top: 1px;
  margin-left: 1px;
  margin-right: 1px;
  position: relative;
  top: 3px;
  color: #005BA2;
  /*border:solid 1px red;*/
}

.goltimedecasa {
  float: left !important;
  background-position: 13px 0px;
}

.gol-det b {
  color: #005ba2;
  font-weight: normal;
  float: left;
  width: 10px;
  /* border:solid 1px green;*/
  font-size: 10px;
  line-height: 10px;
}

.gol-det img {
  /*border:solid 1px blue;*/
  width: 11px;
  margin-right: 1px;
  float: left !important;
}

.escalacao-fora {
  border-right: none;
}

.escalacao-fora li {
  color: #fff;
  text-align: left;
  float: left;
  width: 90%;
  margin-left: 10%;
}

.escalacao-fora li .nome-atleta-det {
  width: 100%;
  height: 20px;
  float: right;
}

.escalacao-fora li .st-atleta {
  float: left;
  text-align: right;
  height: 20px;
  width: 90%;

}


.escalacao-fora .atleta-sub .nome-atleta-det {
  padding-left: 5%;
  /*border:solid 1px red !important;*/
  opacity: 0.7;
  color: #910000;
}

.escalacao-fora .atleta-sub .nome-atleta-det .material-icons {
  margin-top: 3px;
  float: left;
  font-size: 21px;
}

.nome-treinador {
  margin-top: 10px;
}

.noticias-rel-det {
  width: 90%;
  float: right;
  padding-top: 20px;
}

.noticia-det {
  width: 100%;
  float: left;
}

.noticia-det h4 {
  width: 70%;
  float: left;
  font-size: 1.0rem;
  text-align: left;

}

.noticia-det h4 a {
  /*color:#fff !important;*/
}

.noticia-det .foto-det {
  width: 26%;
  margin-right: 4%;
  height: 80px;
  float: left;
  overflow: hidden;
}

.noticia-det .foto-det img {
  width: 100%;
  height: auto;
}


/* ---------------------- PRE JOGO -----------------------------------*/

.agrupa-scout {}

.agrupa-scout .grafico-posse {
  float: left;
  background-color: #fff;
  background-color: #ee6e73;
  width: 70%;
  height: 12px;
}

.agrupa-scout .ag-grafico-vitorias .grafico-posse {
  width: 100% !important;
}

.agrupa-scout .grafico-posse .grafico-empate {
  float: left;
  background-color: #09F;
}

.agrupa-scout .bloco-informa p {
  text-align: center !important;
  /*border:solid 1px red;*/
}

.agrupa-scout .bloco-informa {}

.bloco-informa h4 {
  text-align: center !important;
}

.agrupa-scout .titulo-detalhes {
  font-size: 1.2rem !important;
  text-align: center;
  margin-top: 25px !important;
  margin-bottom: 0px !important;
  text-align: left;
  border-bottom: solid 1px #005ba2;
  padding-bottom: 8px;
}

.dados-pre {
  width: 33%;
}

.agrupa-scout .grafico-posse span,
.agrupa-scout .grafico-posse {
  height: 4px;
}

.bloco-gols {
  margin-top: 22px;
  padding-top: 10px;
}

.btn-det-ingressos {
  /*border:solid 1px red;*/
  margin-top: 20px;
}

.btn-det-ingressos a {
  width: 100% !important;
  background-color: #005ba2 !important;
  color: #fff !important;
}

@media only screen and (max-width: 996px) {
  .btn-det-ingressos a {
    height: auto;
    line-height: 140%;
  }
}

@media only screen and (max-width: 600px) {

  #imagemtacacampeonatojogo6 {
    background: url(/img/ic-copa-do-brasil.png) top left no-repeat;
    background-size: 20% !important;
  }

  #imagemtacacampeonatojogo5 {
    background: url(/img/ic-brasileiro.png) top left no-repeat;
    background-size: 20% !important;
    background-position: 0px 20px !important;
  }

  .detalhes-pos-jogo .informacoes-geral .competicao-det {
    padding-left: 40px;
    float: left;
    background: url("../img/ic-libertadores.png") top left no-repeat;
    padding-top: 20px;
    width: 50%;
  }

  .detalhes-pos-jogo {
    height: 75% !important;
    max-height: 75% !important;
  }

  .ag-close-modal {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: -30px;
    /*border:solid 1px red;*/
    height: 28px;
  }

  .close-modal-mobile {
    display: block;
    /*border:solid 1px blue;*/
    height: 28px;
    width: 50%;
    margin-left: 25%;
    line-height: 28px !important;
  }

  .close-modal-mobile i {
    float: left;
  }

  .close-modal-mobile span {}

  .detalhe-placar {
    margin-bottom: 15px;
    position: absolute;
    top: 90px;
    width: 90%;
    padding-bottom: 12px;
    border-bottom: solid 1px #005ba2;
  }

  .detalhe-placar h4 {
    font-size: 1.1rem !important;
  }

  .detalhes-pos-jogo .informacoes-geral {
    padding-top: 90px;
  }

  .detalhes-pos-jogo .informacoes-geral .info-det {
    padding-left: 15%;
    float: left;
    width: 50%;
    padding-top: 8px;
    /*border:solid 1px red;*/
    padding-top: 24px;
    background-size: 25%;
    background-position: center left !important;
  }

  .detalhes-pos-jogo .informacoes-geral h4 {
    color: #005ba2;
    font-size: 1.0rem;
  }


  .btn-det-ingressos .btn {
    height: auto !important;
    font-size: 1.0rem;
    line-height: 1.2rem;
    padding: 10%;
  }

  .noticias-rel-det {
    width: 100%;
    float: right;
    padding-top: 50px;
    margin-bottom: 15px;
  }

  .noticia-det {
    margin-bottom: 20px;
  }

  .escalacao-casa li {
    /*border:solid 1px red;*/
    height: 40px;

  }

  .nome-atleta-det {
    font-size: 12px;
    height: 20px;
  }

  .escalacao-casa li {
    padding-right: 10%;

  }

  .escalacao-fora li {
    padding-left: 10%;

  }

  .escalacao-casa li .nome-atleta-det {
    height: 20px;
    width: 100%;

  }

  .escalacao-casa li .st-atleta {
    height: 20px !important;
    padding-right: 8%;
    width: 100% !important;
    padding-right: 5%;
  }

  .escalacao-fora li .st-atleta {
    height: 20px !important;
    padding-left: 8%;
    width: 100% !important;
    padding-left: 5%;
  }

  .gol-det {
    width: 22px;
    margin-right: 2px;
    float: left !important;
  }

  .gol-det b {

    color: #005ba2;
    font-weight: normal;
    float: left;
    width: 12px;
    font-size: 10px;
    line-height: 10px;

  }

  .gol-det img {
    width: 8px;
    margin-right: 1px;
    float: left !important;

  }
}

.historico-gols {
  background: url('/img/iconehistoricogol.svg') top left no-repeat;
  background-size: 40px 40px;
  padding-left: 60px;
}

/*-------------- ABAS EVENTOS ---------------------------*/
.tabs {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  height: 48px;
  width: 100%;
  background-color:transparent !important;
  margin: 0 auto;
  white-space: nowrap;
  overflow:hidden;
}

.tabs .tab a {
  color:#3480ce;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 24px;
  font-size: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-transition: color .28s ease;
  transition: color .28s ease;
  font-family: 'Oswald', sans-serif;
  font-weight:400;
  border-bottom:0px !important; 
  margin-left:2%;
}
.tabs .tab a:hover, .tabs .tab a.active {
  background-color:#005ba2;
  color: #fff;
  border-bottom:0px !important; 
}

.tabs .indicator {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color:#3480ce;
  will-change: left, right;
  display:none;
}