.menu-jogos {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
    background:  #374242;
    border-top: 1px solid #e0e0e0;
}
input#input-mobile-top, input {
    display: none;
}
img.imageteams {
  width: 20px;
  margin: 2px;
}
span.placarr {
  margin-top: 23px !important;
  display: block;
}
span.legendaPartida {
    font-size: 20px;
    margin-top: 139px !important;
    position: inherit;
    margin-left: -112px;
}

.body-bilhete {

  margin-top: 36px !important;
}
.header-print-share img {
  width: 46px !important;
  margin-right: 25px;
  margin-top: -4px;
}
.pre-aposta-resul {
    padding: 25px !important;
    text-align: center;
    background: #efa108 !important;
    color: #fff !important;
}
.modal-content {
  background-color: #fff !important;
}
.header-print-share {
    width: 100%;
    height: 10px !important;
    background: #efa108 !important;
}
.Aberto {
    background: #efa108 !important;
    color: #fff;
}
.Ganhou {
    background: #00a65a !important;
    color: #fff !important;
}
.Perdeu {
    background: #dd4b39 !important;
    color: #fff !important;
}
.Cashout {
    background: #00a65a !important;
    color: #fff !important;
}
.Parcial {
    background: #3c8dbc !important;
    color: #fff !important;
}
.Devolvido {
    background: #777 !important;
    color: #fff !important;
}
.modal {
    background: rgb(0 0 0 / 46%);
}
input.form-control.buscamobile {
  display: none;
}
span.cupomcodigo {
  font-weight: bold;
  font-size: 23px;
  margin-top: 35px !important;
  display: block;
}
span.es1 {
    position: absolute;
    top: 154px;
    left: 303px;
    margin-left: 20px;
    font-size: 19px;
}
span.es2 {
    position: absolute;
    top: 154px;
    left: 457px;
    margin-left: 20px;
    font-size: 19px;
}
span.es4 {
    position: absolute;
    top: 154px;
    left: 519px;
    margin-left: 20px;

    font-size: 19px;
}
span.esx {
    position: absolute;
    top: 154px;
    left: 368px;
    margin-left: 20px;
    font-size: 19px;
}
.cotacoes-principais {
  margin-top: 18px;
}
.content {

  margin-top: -20px !important;

}
.busca-time {
  margin-bottom: 10px;
    top: 41px !important;
    /* width: 57% !important; */
    margin-right: 10px;
    height: 35px;
    padding: 12px;
    border: none;
    border-radius: 3px;
    color: #000;
    position: absolute !important;
    left: 177px;
}
.login-box, .register-box {
    width: 365px;
    margin: 11% auto;
}
.register-logo img {
    width: 181px !important;
    margin-top: -85px;
}
button#btn-finalizar-mobile img {
    width: 100% !important;
    margin-top: 5px !important;
}
.btn-xs {
    height: 35px;
    width: 93px;
    background: #ff000000 !important;
    border: 1px solid #fff;
    transition: .2s;
}
.btn-xs:hover {
    border: 2px solid;
}
.skin-green .sidebar-menu>li>a {
  border-left: 4px solid #2222 !important;
  color: #da9a1a !important;
  border-bottom: 1px solid rgb(20, 20, 20);
}
.entrar {
    margin-left: 16px;
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    padding: 12px 12px 12px 12px;
    display: block;
    background-color: rgb(255 255 255)!important;
    color: #c18003 !important;
    width: 80%;
    border-radius: 4px !important;
    box-sizing: border-box;
    line-height: 0;
    border: none !important;
}
.star{
    background-image: url("../../img/star.png");
}h4.header-campeonato-matchs img {
    width: 4% !important;
    padding: 3px;
}button#btn-zerar-mobile {
    display: none;
}
li.header img {
    width: 10% !important;
    padding: 1px;
}
.header-campeonato-cupon img{
    width: 10% !important;
    padding: 1px;
}
li img {
    width: 10% !important;
    padding: 1px;
}
.skin-green .wrapper, .skin-green .main-sidebar, .skin-green .left-side {
    background-color: rgb(35 43 54) !important;
}
.btn-home.selecionado {
  background: #dd4b39 !important;
}
.skin-green .wrapper, .skin-green .main-sidebar, .skin-green .left-side {
    background-color: rgb(40 40 40) !important;
}
.main-header .navbar {

    background-color:#222222 !important;
}
.skin-green .main-header .logo {
    background-color: #000000 !important;

}
section.content {
    background: #3d3d3d!important;
}
.btnSendBet:hover {
    /* color: black; */
    background: #706e6e !important;
}
.skin-green .sidebar-menu>li.header {
    color: #FFFFFF;
    background: rgb(40 40 40) !important;
}
.btnSendBet {
    width: 100% !important;
    max-width: 100% !important;
    transition: .3s !important;
    border: none !important;
}



.menu-jogos li {
    flex: 1 1 auto;
    text-align: center;
    max-height: 65px;
}

.menu-jogos li.ativo {
    background:  #07756e;
    color: #fff;
    max-height: 65px;
}

.menu-jogos li a {
    display: block;
    padding: 8px;
    cursor: pointer;
    color: #fff;
    font-size: 11px;
    max-height: 65px;
}

.menu-jogos a:hover {
    background: #05504b;
}

.menu-jogos li.ativo a {
    color: #fff;
    background:  #07756e;
    max-height: 65px;
}

.nav-day {
    padding: 10px 10px !important;
}

.nav-ao-vivo {
    padding: 10px 5px !important;
    color: #CD0000 !important;
    font-weight: 400 !important;
    animation: effectColor 0.5s infinite alternate;
}

.live-pisca {
    width: 8px;
    height: 8px;
    background: #e90000;
    min-height: 5px;
    display: inline-block;
    align-self: flex-end;
    margin: auto 3px;
    border-radius: 50%;
    animation: effectColor 0.5s infinite alternate;
}

@keyframes effectColor {
    0%   {opacity: 1;}
    100% {opacity: 0;}
}

.cupon-title {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    background: #f8f8f8;
    border-top: 1px solid #e0e0e0;
    font-size: 12px;
}

.cupon-title li {
    flex: 1 1 auto;
    text-align: left;
}

.cupon-title li.ativo {
    background: #222222;
}
.titulo-grupo {
    background-color: #2C5B94 !important;
    width: 96% !important;
    margin-left: 13px;

}
.odd-match-plus {
    width: 91% !important;
    margin-left: 29px !important;
}

.cupon-title li a {
    display: block;
    padding: 10px;
    cursor: pointer;
}

.cupon-title li.ativo a {
    color: #fff;
}
.modal-title img {
    width: 6% !important;
    padding: 3px;
}

.box-cupon {
    width: 100%;
    height: auto;
    padding: 10px;
    border-bottom: 1px dashed #002b88;
}

.box-cupon li {
    list-style: none;
}
/*.btn-home:hover {
  background-color: #101419 !important;
}
*/
.ganho-cupon {
    width: 100%;
    height: auto;
    background: #850400;
    color: #FFF;
    font-size: 20px;
    text-align: center;
    padding: 5px;
    margin-top: 15px;
    border-radius: 3px;
}

.header-campeonato-cupon {
    width: 100%;
    height: auto;
    padding: 2px;
    background:rgb(12, 60, 88);
    color: #FFF !important;
    font-size: 16px;
    padding: 4px;
}
.navbar-brand>img {
    width: 200px;
    padding-top: 7px;
    padding-left: 14px;

    padding-right: 50px;
    margin-left: -423px;
}
.user-panel img {
    border-radius: 15px !important;
    margin-top: 10px;
}

.delete-palpite-cupon {
    color: #d9534f;
    float: right;
    font-size: 18px;
    cursor: pointer;
}

.cupon-confronto {
    height: auto;
    font-size: 20;
    display: block;
}

.cupon-data {
    color: #D73925;
}

.cupon-right {
    float: right;
}

.val-retorno-ind {
    float: right;
}

.box-rodape-cupon {
    width: 100%;
    height: auto;
    padding: 3px;
    padding-bottom: 15px;
}

.btn-valor {
    margin: 2px;
}

.box-rodape-cupon h4 {
    font-size: 16px;
}



.btn-apostas .btn {
    width: 24%;
    background-color: #e7e7e7 !important;
    line-height: 1.32 !important;
}

/*.container-lista-jogos {
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    color: #045415;
    margin: 2px 1px;
    padding: 8px 0px;
    background-color: #f7f7f7;
    line-height: 21px;
    transition: .3s;

}*/

.container-lista-jogos .btn-apostas .btn {
    width: 24%;
    background-color: #e7e7e7 !important;
    line-height: 1.32 !important;
}

.container-lista-jogos .jogos {
    /* border-right: 2px solid #1c2026; */
    margin-left: 0px;
}
span#maisCotacoes, .plus-odd {

  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 722px;
  margin-top: 3px;
  background-color: #ffb642 !important;
  border-color: #f9b006 !important;
  width: 52px !important;
  height: 34px !important;
  z-index: 1;
  color: #fff !important;
  border-radius: 0px !important;
  padding: 0 !important;
}
.jogos h3 {
  margin-top: -3px;
}
.container-lista-jogos {
  /*border: 1px solid #1c2026 !important;*/
  color: #333;
  padding: 8px 0px;
  background-color: #fff !important;
  line-height: 21px;
  transition: .3s;
  width: 100%;
  margin-left: 0px;
}
.row.container-lista-jogos:hover {

  cursor: pointer;
}
.container-lista-jogos .data-hora {
    margin-top: -23px;
    /* margin-left: 23px; */
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.container-lista-jogos .data-hora span {
    /* display: block; */
    /* text-align: center; */
    color: #e90000;
    font-weight: 700;
}

/* Ajustes do novo layout em container (evita botões fora do quadro) */
.match-row-container span#maisCotacoes,
.match-row-container .plus-odd {
  margin-left: 0 !important;
  margin-top: 0 !important;
  position: static !important;
}
.match-row-container .data-hora {
  margin-top: 0 !important;
}

/* Forca odds na mesma linha, lado direito */
.match-row-container {
  display: grid !important;
  grid-template-columns: 88px minmax(260px, 1fr) !important;
  align-items: center !important;
  column-gap: 8px !important;
}
.match-row-container .match-row-odds {
  grid-column: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  overflow: visible !important;
  align-self: start !important;
  padding-top: 6px !important;
  margin-top: 0 !important;
}
.match-row-container .match-row-odds .cotacoes-principais {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 6px 0 0 !important;
}
.match-row-container .match-row-odds .btn-home {
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  min-width: 52px !important;
  height: 38px !important;
  margin: 0 4px 0 0 !important;
  padding: 0 !important;
}
.match-row-container .match-row-odds .plus-odd {
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  min-width: 52px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.row.container-lista-jogos h4 {
    font-weight: bold;
}
a.whatsappchat img {
  width: 51px;
}
.whatsappchat{
  height: 40px;
    position: fixed;
    bottom: 70px;
    right: 15px;
    z-index: 99999;
}

.header-campeonato-matchs {
    width: 100%;
    height: 34px;
    background: #222 !important;
    color: #FFF !important;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-top: 1px;
    display: flex;
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    padding-left: 10px !important;
}

.header-campeonato-matchs i {
    margin: 3px 5px 4px 5px !important;
}
.header-campeonato-matchs .flag {
    max-height: 16px !important;
    margin: 2px 5px 4px 5px !important;
}

.header-jogos {
    background: #ffffff !important;
    color: #000;
    height: 131px !important;
    margin-top: -21px;
    border-top: 4px solid #00c0ef !important;
}

.btn-home-header {
  border: none;
  float: left;
  /* margin: 5px; */
  width: 20%;
  height: 45px;
  text-align: center;
  cursor: pointer;
  margin-top: 67px;
  margin-bottom: -29px;
}

.btn-home {
    background: #383838 !important;

    color: #fff !important;
    float: left;
    max-width: 44%;
    margin: 4px 5px !important;
    width: 51px !important;
    height: 33px !important;
    line-height: 15px !important;
    text-align: center;
    font-size: 13px !important;
    text-align: center;
    padding: 0 !important;
    cursor: pointer;
    /* border-radius: 10px !important; */
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
    transition: .3s !important;
    font-weight: 800 !important;
    margin-right: 20px !important;
}

.selecionado {
    background:#dd4b39;
    color: rgb(255, 250, 250);
    font-size: 13px !important;
    float: left;
    margin: 4px 1px;
    width: 22%;
    height: 32px;
    line-height: 15px !important;
    text-align: center;
    cursor: pointer;
    padding-top: 7px;
    border-radius: 5px;
    border: 1px solid #dd4b39;
    transition:.3s !important;
}

.plus-odd {
    background: #064d48;
    border: 1px solid #064d48;
    color: #f7f7f7;
    font-size: 13px !important;
    float: left;
    margin: 4px 1px;
    width: 26%;
    height: 32px;
    line-height: 15px !important;
    text-align: center;
    cursor: pointer;
    padding-top: 8px;
    border-radius: 5px;
}

#nav-mobile {
    display: block;
}


.input-group-append {
  margin-left: -1px;
}
.input-group-append, .input-group-prepend {
  display: -ms-flexbox;
  display: flex;
}

.rodape-cliente {
  font-size: 11px;
  font-weight: normal;
}

.btn-acao {
  min-width: 50px;
}

.filter {
    outline: 0;
    width: 12.5rem;
    padding: .4375rem .875rem;
    padding-right: 2rem;
    line-height: 1.5385;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .1875rem;
    z-index:99;
}

.filterPerPage {
    cursor: pointer;
    outline: 0;
    display: block;
    padding: .4375rem 0;
    line-height: 1.5385;
    color: #333;
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: .1875rem;
    transition: all ease-in-out .15s;
}

.btn-filter {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
}

.sort-control {
  cursor: pointer;
}
.ascending:after {
  content: "\25b2";
  margin-left: 3px;
  margin-bottom: 2px;
  font-size:10px;
}
.descending:after {
  content: "\25bc";
  margin-left: 3px;
  margin-bottom: 2px;
  font-size: 10px;
}

.navFirstLast {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
button.btn.btn-success img {
    width: 29% !important;
}
.aovivo {
    color: #fff;
    background-color: #43464300 !important;
    border-color: #43464300 !important;
    max-width: 24%;
    height: 56px;
    max-width: 20%;
    background-image: url(/img/flash.png) !important;
    background-size: 26px !important;
    background-repeat: no-repeat !important;
    background-position: top !important;
    padding: 11px;
    line-height: 4;
    font-size: 11pt;
}
a.sidebar-toggle {
    display: none;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    left: 5% !important;
    top: 16px;
    font-size: 20px;
    text-transform: uppercase;
    padding-left: 18px !important;
}
.futebol {
    font-size: 11pt;
    color: #fff;
    background-color: #43464300 !important;
    border-color: #43464300 !important;
    max-width: 24%;
    height: 56px;
    max-width: 20%;
    background-image: url(/img/bolaf.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: top;
    padding: 11px;
    line-height: 4;
}
.skin-green .sidebar-menu>li>a {
    border-left: 4px solid #282828 !important;

}
 .cassino {
    font-size: 11pt;
    color: #fff;
    background-color: #43464300 !important;
    border-color: #43464300 !important;
    max-width: 24%;
    height: 56px;
    max-width: 20%;
    background-image: url(/img/dados.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: top;
    padding: 11px;
    line-height: 4;
}
.basquete {
    font-size: 11pt;
    color: #fff;
    background-color: #43464300 !important;
    border-color: #43464300 !important;
    max-width: 24%;
    height: 56px;
    max-width: 20%;
    background-image: url(/img/basquete.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: top;
    padding: 11px;
    line-height: 4;
}
.volei {
    font-size: 11pt;
    color: #fff;
    background-color: #43464300 !important;
    border-color: #43464300 !important;
    max-width: 24%;
    height: 56px;
    max-width: 20%;
    background-image: url(/img/volei.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: top;
    padding: 11px;
    line-height: 4;
}
.mma {
    font-size: 11pt;
    color: #fff;
    background-color: #43464300 !important;
    border-color: #43464300 !important;
    max-width: 24%;
    height: 56px;
    max-width: 20%;
    background-image: url(/img/mma.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: top;
    padding: 11px;
    line-height: 4;
}
.tenis {
    font-size: 11pt;
    color: #fff;
    background-color: #43464300 !important;
    border-color: #43464300 !important;
    max-width: 24%;
    height: 56px;
    max-width: 20%;
    background-image: url(/img/tenis.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: top;
    padding: 11px;
    line-height: 4;
}

#btn-finalizar-mobile {
    float: right;
    bottom: 38px;
    background: #ffce43 !important;
     width: 50px;
    height: 50px;
    right: 72px;
    border: none;
    display: none;

}
#btn-finalizar-mobile:hover{
    transition: .3s;
}
button.btn.btn-success {
    transition: .3s;
}
.btns-pricin {
    display: none;
}
.mma:hover {

    transform: scale(1.3);
}
#btn-finalizar-mobile:hover {

    transform: scale(1.3);
}
.tenis:hover {

    transform: scale(1.3);
}
.cassino:hover {

    transform: scale(1.3);
}
.basquete:hover {

    transform: scale(1.3);
}
.volei:hover {

    transform: scale(1.3);
}
.futebol:hover {

    transform: scale(1.3);
}
.aovivo.futebol.volei.basquete.mma:hover {

    transform: scale(1.3);
}
.aovivo:hover {

    transform: scale(1.3);
}
button.btn.btn-success a {
    color: #fff;
}
.col-lg-5.col-md-5.col-xs-12.btn-apostas {
  max-width: 100% !important;
  margin-top: -67px;
  width: 360px !important;
  margin-left: 56%;
}
.header-jogos img {
    margin-top: -19px !important;
     margin-bottom: 0px !important;
}
#nav-mobile {
    padding: 13px;
    background: #222222 !important;
    margin-top: -8%;
    position: absolute;
    margin-left: 16%;
    z-index: 1041;
}
.header-jogos img {
    margin-top: -19px !important;
    margin-bottom: 68px !important;
}

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

    body {
        margin-top: 0 !important;
    }
    .user-panel{
        margin-top: 40px !important;
    }


    #nav-mobile {
        display:block;
        padding: 8px;
        background: #222222 !important;
        z-index: 1041;
    }
    #cupom-site {
        display: none;
    }
    #tabs-mobile {
        font-size: 11px;
        flex-direction: column;
    }

    #btn-finalizar-mobile {
        float:right;
    }
    .ganho-mobile {
        margin-left: 10px;
        color: #dcdcdc;
        margin-top: 3px;
        width: 25%;
        padding: 5px;
        float: left;
    }
    #btn-zerar-mobile {
        float: right;
        margin-left: 10px;
     }




}



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

    body {
        margin-top: 0px !important;
    }
    table {
      background-color: transparent;
      width: 78%;
  }
    .fixed .main-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        z-index: 1040 !important;
        background-color: #222222 !important;
        overflow: visible !important;
    }
    .fixed .main-sidebar, .fixed .left-side {
        position: absolute !important;
        padding-top: 0 !important;
        margin: 0 !important;
    }
    .col-lg-5.col-md-5.col-xs-12.btn-apostas {
        max-width: 100% !important;
        margin-top: -49px;
        /* width: 468px
    px
     !important; */
        margin-left: 1%;

    }
    .user-panel{
        margin-top: 60px !important;
    }
    #nav-mobile {
      padding: 8px 10px;
      background: #222222 !important;
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      top: auto;
      position: relative !important;
      left: 0 !important;
      right: 0 !important;
      margin-left: 0 !important;
      width: 100% !important;
      height: 48px;
      min-height: 48px;
      z-index: 1041 !important;
      display: flex !important;
      flex-wrap: nowrap !important;
      align-items: center !important;
      gap: 8px;
    }
    #cupom-site {
        display: none;
    }
    #tabs-mobile {
        font-size: 11px;
    }

    #btn-finalizar-mobile {
        float:right;
    }
    .ganho-mobile {
        margin-left: 10px;
        color: #dcdcdc;
        margin-top: 3px;
        width: 25%;
        padding: 5px;
        float: left;
    }
    #btn-zerar-mobile {
       float: right;
       margin-left: 10px;
       display: none;
    }
    .btn-home {
      margin-left: 2% !important;
    max-width: 103% !important;
    width: 39px !important;
    margin-right: 1px !important;
    background-color: #ffce43 !important;
    font-weight: 100 !important;
    color: black !important;
    height: 44px !important;
    font-size:11px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0 !important;
    line-height: 1 !important;
    }
    .btn-apostas {
        padding: 0px;
        width: 100% !important;
        margin-left: 66% !important;
        /* border-top: 2px solid #1c2026; */
        padding-bottom: 0;
        padding-top: 6px !important;
    }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: relative;
        /* min-height: 1px; */
        padding-right: 6px;
        padding-left: 8px;
    }
    .data-hora {
        width: 9%;
        margin: 0px;
    }
    a.sidebar-toggle {
        display: block;
    }
    a.navbar-brand {
        margin-left: -5px;
    }
    .container-lista-jogos .data-hora span {
        /* display: block; */
        /* text-align: center; */

        font-weight: 700;
        margin-left: 20px;
    }
    td h4 {
        margin-left: 20px !important;
        font-size: 14px !important;
    }
    .container-lista-jogos .jogos {
      border-right: none;
      border-right: none;
      /* margin-left: -46px; */
      text-align: left;
     /* padding: 3px !important;*/
      width: 94% !important;
      font-size: 15px !important;
      margin-left: 11px;
    }

    .content {
        padding: 0 10px 15px !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
    }
    .container-lista-jogos {


      padding: 0px;

  }

    .fixed .content-wrapper, .fixed .right-side {
        padding-top: 0 !important;
        background: #3d3d3d !important;
    }

    .header-jogos img {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .odd-match-plus {
        width: 84% !important;
        margin-left: 36px !important;
    }
    input.form-control.form-control-sm {
      width: 88%;
    border-radius: 7px;
    margin-left: 23px;
    margin-top: 12px;
    z-index: 999 !important;
  }



    button.btn.btn-success a {
        color: #fff !important;
    }
    .buscamobile{
      display: block !important;
    }


    .btn-success {
        color: #fff;
        background-color: #43464300 !important;
        /* border-color: #616661 !important; */
        max-width: 100%;
        border: none;
    }

    .main-header {
        position: fixed !important;
        top: 0 !important;
        z-index: 1040 !important;
        max-height: none !important;
        min-height: 0 !important;
        background-color: #222222 !important;
    }
    #btn-finalizar-mobile {
      background: #ffce43 !important;
      display: inline-flex !important;
      align-items: center;
      justify-content: center;
      float: none !important;
      margin: 0 !important;
      font-size: 13px;
    text-align: center;
      padding: 4px 8px;
      height: 36px !important;
      width: auto !important;
      min-width: 96px;
      flex: 0 1 28%;
      white-space: nowrap;
    color: black;
      border-radius: 8px;
    }
    button#btn-finalizar-mobile img {
        width: 109% !important;
    }
    .container-lista-jogos {
        border-bottom: 1px solid #eaeaea !important;

    }
    input#input-mobile-top, input {
        display: block;
    }
    .busca-time {
      margin-top: 50px !important;
      margin-left: -11px;
      width: 100% !important;
      z-index:999;
      /* border-radius: 29px !important; */
      display: none;
  }
h4.header-campeonato-matchs img {
    width: 6% !important;
    padding: 3px;
}
.btnSendBet {
    font-size: 12pt;
    background-color: #07756e !important;
}
input.form-control.buscadesktop {
  display: none;
}
h3.jogosdodia {
  margin-top: 1px;
  text-align: center;
  color: black;
  margin-left: 8px;
  width: 100%;
}
.btn-xs {
    height: 27px;
    width: 62px;
    transition: .2s;
    font-size: 10px;
}
.mma, .volei, .basquete, .cassino, .aovivo, .futebol, .tenis {
    background-color: rgba(255, 0, 0, 0) !important;
    font-size: 7pt !important;
}
.box .btn-flat {
    background: var(--cor-primaria, #00a65a) !important;
        width: 66% !important;
       max-width: 100% !important;
    margin-top: 14px !important;
}

.navbar-brand {


     left: 17% !important;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff !important;
}
.header-jogos {
  background: transparent !important;
  color: #000;
  height: auto !important;
  margin-top: 0;
  border: none !important;
  width: 100% !important;
  margin-left: 0;
}

nav#nav-mobile span {
    display: none;
}
nav#nav-mobile .possivel-retorno-label,
nav#nav-mobile .possivel-retorno-valor {
    display: block !important;
}

.entrar {
    width: 81%;
    height: 35px;
    font-size: 19px;
    z-index: 999;

}
nav#nav-mobile input,
#nav-mobile input,
#nav-mobile #input-mobile-top,
#nav-mobile .form-control {
  display: block !important;
  float: none !important;
  width: auto !important;
  max-width: 120px !important;
  min-width: 72px !important;
  flex: 0 1 28%;
  margin: 0 !important;
  height: 36px !important;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 4px 8px;
}

.content {
  margin-top: 0 !important;
   margin-left: 0 !important;
   padding-top: 0 !important;
   min-height: 0 !important;

}
section.content {
  background: white !important;
}
td p {
  font-weight: 100;
  font-size: 12px;
    margin-top: -2px !important;
}
td {
 /* font-weight: bold;*/
 font-size: 12px;
    line-height: 17px;
}
.sidebar {

    margin-top: -95px !important;
}
.btn-home {
  margin-left: 253% !important;

}

}

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

    .mma, .volei, .basquete, .cassino, .aovivo, .futebol, .tenis {
        background-color: rgba(255, 0, 0, 0) !important;
        font-size: 5px !important;
        background-size: 22px;
    }
    table {
      background-color: transparent;
      width: 99%;
  }
    .navbar-brand>img {
        width: 196px !important;
        padding-top: 7px;
        padding-left: 14px;

        padding-right: 50px;
        margin-left: -31px !important;
    }
    .btn-home {
        margin-left: 252%;

    }


    .container-lista-jogos .jogos {

      /* margin-left: -46px; */

      width: 73% !important;
      font-size: 14px !important;

  }

}
@media screen and (max-width: 360px) {
  .btn-home {
    margin-left: 229% !important;

}
#nav-mobile {
  margin-left: 0 !important;
}
}

/* Alternância claro / escuro */
.theme-switch {
  display: flex;
  align-items: center;
  margin: 12px 10px 0 0;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 3px;
  height: 34px;
}
.theme-switch-btn {
  border: 0;
  background: transparent;
  color: #cfcfcf;
  width: 32px;
  height: 28px;
  border-radius: 16px;
  cursor: pointer;
  line-height: 28px;
  padding: 0;
  font-size: 14px;
}
.theme-switch-btn.active {
  background: #fff;
  color: #222;
}
.theme-switch-btn.active .fa-sun,
.theme-switch-btn.active .fas.fa-sun {
  color: #f5a623;
}
.theme-switch-btn.active .fa-moon,
.theme-switch-btn.active .fas.fa-moon {
  color: #4e88c7;
}

body.theme-dark {
  background: #121212 !important;
  color: #e8e8e8 !important;
}
body.theme-dark .content-wrapper,
body.theme-dark .right-side,
body.theme-dark .fixed .content-wrapper,
body.theme-dark .fixed .right-side {
  background: #121212 !important;
}
body.theme-dark section.content,
body.theme-dark .content {
  background: #121212 !important;
  color: #e8e8e8 !important;
}
body.theme-dark .game-item-row,
body.theme-dark .container-lista-jogos {
  background: #1e1e1e !important;
  color: #e8e8e8 !important;
  border-bottom: 1px solid #333 !important;
}
body.theme-dark .team-row-title,
body.theme-dark .team-name-line,
body.theme-dark .timeMatch,
body.theme-dark h4,
body.theme-dark h5,
body.theme-dark p,
body.theme-dark label,
body.theme-dark .content-jogos,
body.theme-dark .cupon-confronto,
body.theme-dark .box-cupon li,
body.theme-dark .box-rodape-cupon,
body.theme-dark .box-rodape-cupon h4,
body.theme-dark .box-rodape-cupon label,
body.theme-dark .form-group label {
  color: #e8e8e8 !important;
}
body.theme-dark .cupom-odd-aviso {
  background: #14532d !important;
  color: #bbf7d0 !important;
  border: 1px solid #22c55e;
}
body.theme-dark .cupom-odd-aviso.is-down {
  background: #7f1d1d !important;
  color: #fecaca !important;
  border: 1px solid #ef4444;
}
body.theme-dark .country-header-row,
body.theme-dark .header-campeonato-matchs.country-header-row {
  background-color: var(--cor-primaria, #00a65a) !important;
  color: #fff !important;
}
body.theme-dark .league-header-row,
body.theme-dark .header-campeonato-matchs.league-header-row {
  background-color: var(--cor-secundaria, #008d4c) !important;
  color: #fff !important;
}
body.theme-dark .game-item-time,
body.theme-dark .game-item-meta-time {
  color: #bdbdbd !important;
}
body.theme-dark .game-item-meta-more {
  color: #f0f0f0 !important;
}
body.theme-dark .game-item-meta-time .fa {
  color: #999 !important;
}
body.theme-dark .game-item-meta-score {
  color: #69f0ae !important;
}
body.theme-dark .team-score-live {
  background: #008d4c !important;
  color: #fff !important;
}
body.theme-dark .box,
body.theme-dark .box-success,
body.theme-dark .bilhetes-content {
  background: #1e1e1e !important;
  color: #e8e8e8 !important;
  border-color: #333 !important;
}
body.theme-dark .cupon-title {
  background: #1a1a1a !important;
  border-color: #333 !important;
}
body.theme-dark .form-control,
body.theme-dark input.form-control,
body.theme-dark .input-apostador,
body.theme-dark .sidebar-form .form-control,
body.theme-dark #input-mobile-top {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  border-color: #444 !important;
}
body.theme-dark .busca-jogos-input-wrap {
  background: #2a2a2a !important;
  border: 1px solid #444 !important;
}
body.theme-light .busca-jogos-input-wrap {
  border: 1px solid #000 !important;
}
body.theme-dark .busca-jogos-input {
  background: transparent !important;
  color: #f0f0f0 !important;
}
body.theme-dark .busca-jogos-sugestoes,
body.theme-dark .busca-jogos-vazio {
  background: #2a2a2a !important;
  color: #ccc !important;
}
body.theme-dark .busca-jogos-sugestao-titulo {
  color: #f0f0f0 !important;
}
body.theme-dark .table,
body.theme-dark .table td,
body.theme-dark .table th,
body.theme-dark table {
  background: #1e1e1e !important;
  color: #e8e8e8 !important;
  border-color: #333 !important;
}
body.theme-dark .main-footer {
  background: #1a1a1a !important;
  color: #ccc !important;
  border-top-color: #333 !important;
}
body.theme-dark .main-footer a,
body.theme-dark .main-footer strong {
  color: #ffb74d !important;
}
body.theme-dark .header-jogos {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
}
body.theme-dark .theme-switch-btn.active {
  background: #333;
  color: #ffd54f;
}
body.theme-dark .container-lista-jogos .data-hora span {
  color: #ff8a80 !important;
}
body.theme-dark .busca-time {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
}

/* Bilhete no modo escuro: o tema global pintava <p> de cinza claro
   em cima do fundo creme, deixando DATA/jogos/rodapé ilegíveis. */
body.theme-dark #modal-bilhete .modal-content {
  background-color: #1e1e1e !important;
}
body.theme-dark #modal-bilhete .body-bilhete {
  background: #1e1e1e !important;
  color: #f2f2f2 !important;
}
body.theme-dark #modal-bilhete .body-bilhete p,
body.theme-dark #modal-bilhete .body-bilhete b,
body.theme-dark #modal-bilhete .body-bilhete span,
body.theme-dark #modal-bilhete .body-bilhete h3,
body.theme-dark #modal-bilhete .body-bilhete h4,
body.theme-dark #modal-bilhete .tipo-aposta,
body.theme-dark #modal-bilhete .tipo-aposta b,
body.theme-dark #modal-bilhete .tipo-aposta h4,
body.theme-dark #modal-bilhete .info-aposta-header,
body.theme-dark #modal-bilhete .info-aposta-header p,
body.theme-dark #modal-bilhete .info-aposta-header b,
body.theme-dark #modal-bilhete .header-palpite,
body.theme-dark #modal-bilhete .header-palpite p,
body.theme-dark #modal-bilhete .body-palpite,
body.theme-dark #modal-bilhete .body-palpite p,
body.theme-dark #modal-bilhete .body-palpite-left,
body.theme-dark #modal-bilhete .body-palpite-right,
body.theme-dark #modal-bilhete .aposta-footer,
body.theme-dark #modal-bilhete .aposta-footer p,
body.theme-dark #modal-bilhete .aposta-footer b,
body.theme-dark #modal-bilhete .info-aposta-footer-left,
body.theme-dark #modal-bilhete .info-aposta-footer-right,
body.theme-dark #modal-bilhete .cupom-bilhete,
body.theme-dark #modal-bilhete .cupom-bilhete b,
body.theme-dark #modal-bilhete .regras {
  color: #f2f2f2 !important;
}
body.theme-dark #modal-bilhete .tipo-aposta,
body.theme-dark #modal-bilhete .info-aposta-header,
body.theme-dark #modal-bilhete .header-palpite,
body.theme-dark #modal-bilhete .body-palpite,
body.theme-dark #modal-bilhete .aposta-footer {
  border-color: #666 !important;
}
body.theme-dark #modal-bilhete .cupom-bilhete,
body.theme-dark #modal-bilhete .cupom-bilhete b {
  color: #ffd54f !important;
}
body.theme-dark #modal-bilhete .modal-header.Aberto,
body.theme-dark #modal-bilhete .header-print-share,
body.theme-dark #modal-bilhete .pre-aposta-resul {
  background: #efa108 !important;
  color: #fff !important;
}
body.theme-dark #modal-bilhete .pre-aposta-resul h4,
body.theme-dark #modal-bilhete .pre-aposta-resul b,
body.theme-dark #modal-bilhete .title-bilhete,
body.theme-dark #modal-bilhete .modal-header .close {
  color: #fff !important;
}
body.theme-dark #modal-bilhete .body-bilhete .Aberto,
body.theme-dark #modal-bilhete p.Aberto {
  background: #efa108 !important;
  color: #fff !important;
}
body.theme-dark #modal-bilhete .body-bilhete .Ganhou,
body.theme-dark #modal-bilhete p.Ganhou {
  background: #008d4c !important;
  color: #fff !important;
}
body.theme-dark #modal-bilhete .body-bilhete .Perdeu,
body.theme-dark #modal-bilhete p.Perdeu {
  background: #ff0000 !important;
  color: #fff !important;
}
body.theme-dark #modal-bilhete .body-bilhete .Cancelado,
body.theme-dark #modal-bilhete p.Cancelado {
  background: #e69222 !important;
  color: #fff !important;
}
body.theme-dark #modal-bilhete .bilhete-sgm-odd,
body.theme-dark #modal-bilhete .bilhete-sgm-times,
body.theme-dark #modal-bilhete .bilhete-sgm-times strong,
body.theme-dark #modal-bilhete .bilhete-sgm-header,
body.theme-dark #modal-bilhete .bilhete-sgm-header p,
body.theme-dark #modal-bilhete .bilhete-sgm-header b {
  color: #f2f2f2 !important;
}
body.theme-dark #modal-bilhete .bilhete-sgm-mercado,
body.theme-dark #modal-bilhete .bilhete-sgm-vs {
  color: #c8c8c8 !important;
}
body.theme-dark #modal-bilhete .bilhete-sgm-rail::before {
  background: #9aa3af;
}
body.theme-dark #modal-bilhete .bilhete-sgm-dot {
  border-color: #f2f2f2;
  background: #1e1e1e;
}
body.theme-dark #modal-bilhete .bilhete-sgm-grupo {
  border-top-color: #666;
}
body.theme-dark #modal-bilhete .bilhete-sgm-badge {
  background: #4a5568;
  color: #fff !important;
}

/* Modal + apostas (#modal-match): labels Casa/Empate/Fora ficavam #222d32 no fundo escuro */
body.theme-dark #modal-match .modal-content {
  background-color: #1e1e1e !important;
}
body.theme-dark #modal-match .modal-header {
  background: var(--cor-primaria, #00a65a) !important;
  color: #fff !important;
  border-bottom-color: var(--cor-secundaria, #008d4c) !important;
}
body.theme-dark #modal-match .modal-header .modal-title,
body.theme-dark #modal-match .modal-header .close,
body.theme-dark #modal-match .modal-header h4 {
  color: #fff !important;
}
body.theme-dark #modal-match .modal-body,
body.theme-dark #modal-match .box,
body.theme-dark #modal-match .box-primary {
  background: #1e1e1e !important;
  color: #f2f2f2 !important;
  border-color: #333 !important;
}
body.theme-dark #modal-match .timeMatch,
body.theme-dark #modal-match .score-real-time,
body.theme-dark #modal-match .score-real-time strong,
body.theme-dark #modal-match table,
body.theme-dark #modal-match td,
body.theme-dark #modal-match th {
  color: #f2f2f2 !important;
  background: transparent !important;
}
body.theme-dark #modal-match .odd-match-plus,
body.theme-dark #modal-match .odd-match-plus-left,
body.theme-dark #modal-match .odd-match-plus-left strong {
  color: #f2f2f2 !important;
}
body.theme-dark #modal-match .odd-match-plus {
  border-bottom-color: #444 !important;
  background: transparent !important;
}
body.theme-dark #modal-match span.odd-match-plus-right:not(.odd-match-plus-right-selecionado),
body.theme-dark #modal-match .odd-match-plus-right:not(.odd-match-plus-right-selecionado),
body.theme-dark #modal-match .odd-match-plus span.odd-match-plus-right:not(.odd-match-plus-right-selecionado),
body.theme-dark #modal-match .odd-match-plus-right:not(.odd-match-plus-right-selecionado) i {
  background: #ffce43 !important;
  color: #111 !important;
  border: none !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  border-radius: 4px !important;
}
body.theme-dark #modal-match .odd-match-plus-right-selecionado,
body.theme-dark #modal-match span.odd-match-plus-right-selecionado,
body.theme-dark #modal-match .odd-match-plus span.odd-match-plus-right-selecionado {
  background: #dd4b39 !important;
  color: #fff !important;
  border: 1px solid #ff8a7a !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  border-radius: 4px !important;
}
body.theme-dark #modal-match .titulo-grupo {
  color: #fff !important;
}

/* Modal de aviso/erro central — sempre acima de modais Bootstrap abertos */
.aviso-overlay {
  z-index: 100200 !important;
}

/* Toasts de erro/sucesso (vue-notification) */
.vue-notification-group {
  z-index: 100210 !important;
}

@media screen and (max-width: 767px) {
  .theme-switch {
    margin-top: 10px;
    margin-right: 6px;
  }
}

/* Barra do topo (Criar conta, Entrar, Finalizar) permanece visível ao rolar os jogos */
.main-header,
.fixed .main-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1040 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  background-color: #222222 !important;
  width: 100%;
}
.main-header .navbar,
.main-header #nav-mobile {
  z-index: 1041;
}
.main-header #nav-mobile {
  background-color: #222222 !important;
  background: #222222 !important;
}
body.theme-dark .main-header,
body.theme-dark .main-header #nav-mobile {
  background-color: #222222 !important;
  background: #222222 !important;
}

@media screen and (max-width: 600px) {
  .main-header .logo {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  .main-header .navbar {
    margin-left: 0 !important;
  }
  #nav-mobile {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    position: relative !important;
    top: auto !important;
    margin-bottom: 0 !important;
  }
  #nav-mobile input,
  #nav-mobile #input-mobile-top,
  #nav-mobile .form-control {
    width: auto !important;
    max-width: 120px !important;
    min-width: 72px !important;
    flex: 0 1 28% !important;
    float: none !important;
    margin: 0 !important;
    height: 36px !important;
  }
  #btn-finalizar-mobile {
    display: inline-flex !important;
    float: none !important;
    width: auto !important;
    max-width: 130px !important;
    min-width: 96px !important;
    flex: 0 1 28% !important;
    margin: 0 !important;
    white-space: nowrap;
    height: 36px !important;
  }
  .possivel-retorno {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 1 auto !important;
    min-width: 0;
    line-height: 1.15;
    padding: 0 6px;
    text-align: center;
  }
  .possivel-retorno-label {
    display: block !important;
    color: #c4c4c4;
    font-size: 10px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    width: 100%;
  }
  .possivel-retorno-valor {
    display: block !important;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    width: 100%;
  }
}

.content-jogos .btn-home,
.game-item-odds .btn-home,
.match-row-odds .btn-home {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 0 !important;
  line-height: 1 !important;
}
.game-item-odds .plus-odd {
  display: none !important;
}

/* Mobile: o vão preto acima do banner era padding-top do .content-wrapper
   (AdminLTE reserva 100px para header fixo). No celular o header já ocupa
   espaço na página, então esse padding vira um retângulo vazio. */
@media screen and (max-width: 767px) {
  .fixed .wrapper {
    overflow: visible !important;
  }
  .main-header,
  .fixed .main-header {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    height: auto !important;
    max-height: none !important;
    z-index: 1100 !important;
    background-color: #222222 !important;
  }
  .main-header .logo {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
  }
  .main-header .navbar-brand,
  .navbar-brand {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  .main-sidebar,
  .fixed .main-sidebar,
  .fixed .left-side,
  aside.main-sidebar {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    margin: 0 !important;
    z-index: 1030;
  }
  html body.fixed .content-wrapper,
  html body.theme-dark.fixed .content-wrapper,
  html body .content-wrapper,
  .content-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  .banner-jogos {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  #nav-mobile {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
    display: flex !important;
  }
  .fixed .content-wrapper,
  .fixed .right-side,
  body.theme-dark .fixed .content-wrapper,
  body.theme-dark .fixed .right-side {
    padding-top: 0 !important;
  }
  .content,
  section.content {
    padding-top: 0 !important;
    margin-top: 0 !important;
    min-height: 0 !important;
  }
  .banner-jogos {
    margin-top: 0 !important;
  }
  .jogos-view-wrap {
    padding-top: 0 !important;
  }
  .header-jogos,
  .header-jogos img {
    height: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  body {
    margin-top: 0 !important;
  }
  section.content,
  .content {
    margin-left: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-left: 0 !important;
  }
  .content .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .content-jogos,
  .content-jogos .jogo,
  .game-item-row.container-lista-jogos,
  .container-lista-jogos.game-item-row {
    margin-left: 0 !important;
    overflow: hidden !important;
  }
  .game-item-row {
    padding-left: 10px !important;
    padding-right: 8px !important;
    overflow: hidden !important;
  }
  .game-item-main {
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .game-item-teams {
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .team-row-title {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .team-name-line {
    display: block !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .game-item-odds {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
  }
  .game-item-time {
    display: none !important;
  }
  .game-item-meta {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 3px;
  }
  .game-item-meta-time {
    font-size: 10px !important;
    color: #888 !important;
    font-weight: 400 !important;
  }
  .game-item-meta-more {
    font-size: 11px !important;
    font-weight: 700 !important;
  }
  .game-item-odds .plus-odd {
    display: none !important;
  }
}

body.skin-green .main-header .navbar,
body.skin-green .main-header .logo,
body.skin-green .main-header .logo:hover {
  background-color: var(--cor-primaria, #00a65a) !important;
}
.skin-green .sidebar-menu > li.active > a,
.btn-success,
.btn-sucess {
  background-color: var(--cor-primaria, #00a65a) !important;
  border-color: var(--cor-primaria, #00a65a) !important;
}

.country-flag-sm {
  width: 18px !important;
  height: 12px !important;
  object-fit: cover;
  margin-right: 6px;
  vertical-align: middle;
}
.country-header-row,
.league-header-row {
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1.2;
  margin: 0;
  padding: 6px 10px;
  border-radius: 0;
  font-size: 15px;
}
.country-header-row {
  background-color: rgb(140, 140, 140);
  color: #111;
}
.league-header-row {
  background-color: rgb(160, 160, 160);
  color: #111;
}
.team-logo-sm {
  width: 18px !important;
  height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  object-fit: contain;
  flex: 0 0 18px;
}
.team-row-title {
  color: #222 !important;
  margin: 2px 0;
  font-size: 14px;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
.team-name-line {
  display: block;
  min-width: 0;
  flex: 1 1 auto;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.game-item-row {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  background: #f4f4f4 !important;
  padding: 8px 10px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-bottom: 1px solid #e0e0e0;
}
.game-item-main {
  display: flex;
  align-items: flex-start;
  min-width: 0;
  flex: 1 1 auto;
  gap: 0;
  overflow: hidden;
  cursor: pointer;
}
.game-item-time {
  display: none !important;
}
.game-item-teams {
  min-width: 0;
  flex: 1 1 auto;
  margin-left: 0;
  padding-left: 0;
  overflow: hidden;
}
.game-item-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
  line-height: 1.2;
  min-width: 0;
}
.game-item-meta-time {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #888;
  font-size: 11px;
  font-weight: 400;
  white-space: nowrap;
}
.game-item-meta-time .fa {
  font-size: 11px;
  color: #999;
}
.game-item-meta-more {
  display: inline-block;
  color: #222;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.game-item-odds {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  margin-left: 10px;
  flex: 0 0 auto;
  flex-shrink: 0;
  gap: 4px;
}
.game-item-odds .cotacoes-principais {
  display: inline-flex;
  margin: 0;
  align-items: center;
}
.game-item-odds .btn-home,
.game-item-odds .plus-odd {
  float: none !important;
  width: 52px !important;
  min-width: 52px !important;
  height: 38px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}
.game-item-odds .plus-odd {
  display: none !important;
}
.banner-jogos {
  max-height: none;
  overflow: visible;
  line-height: 0;
}
.banner-jogos img {
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: center;
  display: block;
}
.navbar-brand > img {
  width: 200px;
  max-height: 50px;
  object-fit: contain;
  padding-top: 7px;
  padding-left: 14px;
  padding-right: 50px;
}
.parceiro-logo-img,
.main-sidebar .user-panel img,
.main-sidebar .user-panel .parceiro-logo-img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 180px !important;
  max-height: 80px !important;
  object-fit: contain;
  margin: 10px auto 8px;
  border-radius: 5px;
  background: transparent;
}

/* Garante que "Alterar senha" fique visível para gerente/cambista (AdminLTE corta overflow) */
.main-sidebar .user-panel {
  height: auto !important;
  min-height: 60px;
  overflow: visible !important;
  white-space: normal !important;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 10px;
}
.main-sidebar .user-panel .user-panel-logo {
  float: none;
  width: 100%;
  padding: 0 10px;
}
.main-sidebar .user-panel > .info.dados-logado {
  position: relative !important;
  left: auto !important;
  float: none !important;
  width: 100%;
  padding: 0 8px 8px !important;
  white-space: normal !important;
  line-height: 1.35;
  text-align: center;
}
.main-sidebar .user-panel > .info.dados-logado > p {
  margin-bottom: 4px;
  white-space: normal;
}
.main-sidebar .user-panel > .info.dados-logado > a.link-alterar-senha {
  display: inline-block;
  margin-top: 6px;
  font-size: 12px;
  color: #b8c7ce;
}
.main-sidebar .user-panel > .info.dados-logado > a.link-alterar-senha:hover {
  color: #fff;
}

/* Desktop: a sidebar é puxada com margin-top negativo e o header fixo
   cobre o topo do brasão. No mobile já existe compensação em .user-panel. */
@media screen and (min-width: 768px) {
  .main-sidebar .user-panel {
    overflow: visible !important;
    margin-top: 105px !important;
    padding-top: 16px;
  }

  /* Logado: header de uma linha; só um respiro extra na logo */
  .wrapper.usuario-logado .main-sidebar .user-panel,
  .wrapper:has(.conta-topo) .main-sidebar .user-panel {
    margin-top: 118px !important;
    padding-top: 16px;
  }

  #nav-mobile {
    display: none !important;
  }

  .main-header .navbar.navbar-static-top:not(#nav-mobile) {
    height: 50px;
    min-height: 50px;
  }
  .navbar-custom-menu > .navbar-nav {
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap !important;
    height: 50px;
  }
  .navbar-custom-menu > .navbar-nav > li {
    float: none;
    display: flex;
    align-items: center;
    height: 50px;
  }
  .theme-switch {
    margin: 0 12px 0 0 !important;
  }
}

/* Validar PIN (cambista): .busca-time é position:absolute da busca de times
   e empurra/corta o campo dentro do modal. No mobile o mesmo bloco ainda
   recebe display:none. Aqui o input volta a ser um grupo normal. */
#modal-validar-pin {
  overflow: visible !important;
}
#modal-validar-pin .modal-dialog {
  margin-top: 80px;
}
#modal-validar-pin .modal-content,
#modal-validar-pin .modal-body {
  overflow: visible !important;
}
#modal-validar-pin .busca-time {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  display: table !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
#modal-validar-pin .busca-time input,
#modal-validar-pin .busca-time .form-control,
#modal-validar-pin input.form-control.pin {
  display: table-cell !important;
  width: 100% !important;
  height: 44px !important;
  font-size: 22px;
  line-height: 44px;
}
#modal-validar-pin .input-group-addon {
  cursor: pointer;
  vertical-align: middle;
}
#modal-validar-pin .aviso-pin {
  margin-bottom: 12px;
}
#modal-validar-pin .aviso-pin h4 {
  margin-top: 0;
}

/* Modais da banca: header/botões/ícones seguem cor_primaria e cor_secundaria */
.modal .modal-header {
  background-color: var(--cor-primaria, #00a65a) !important;
  color: #fff !important;
  border-bottom-color: var(--cor-secundaria, #008d4c) !important;
}
.modal .modal-header .modal-title,
.modal .modal-header h4,
.modal .modal-header .close,
.modal .modal-header .close span,
.modal .modal-header .close i {
  color: #fff !important;
  opacity: 1;
}
.modal .form-control-feedback,
.modal .glyphicon.form-control-feedback {
  color: var(--cor-primaria, #00a65a) !important;
}
.modal .btn-success,
.modal .btn-sucess,
.modal .btn-primary,
.modal .box .btn-flat {
  background-color: var(--cor-primaria, #00a65a) !important;
  border-color: var(--cor-primaria, #00a65a) !important;
  color: #fff !important;
}
.modal .box.box-primary {
  border-top-color: var(--cor-primaria, #00a65a) !important;
}
.modal a {
  color: var(--cor-secundaria, #008d4c);
}
.modal-sucesso-cadastro__header {
  background-color: var(--cor-primaria, #00a65a) !important;
  color: #fff !important;
}
body.theme-dark .modal-content {
  background-color: #1e1e1e !important;
}
body.theme-dark .modal .modal-body,
body.theme-dark .modal .box,
body.theme-dark .modal .login-box-body {
  background-color: #1e1e1e !important;
  color: #f2f2f2 !important;
}
body.theme-dark .modal .modal-header h4,
body.theme-dark .modal .modal-header .modal-title {
  color: #fff !important;
}
.modal .modal-header.Aberto {
  background: #efa108 !important;
}
.modal .modal-header.Ganhou {
  background: #00a65a !important;
}
.modal .modal-header.Cashout {
  background: #00a65a !important;
}
.modal .modal-header.Parcial {
  background: #3c8dbc !important;
}
.modal .modal-header.Perdeu {
  background: #dd4b39 !important;
}
.modal .modal-header.Cancelado {
  background: #e69222 !important;
}
.modal .modal-header.Devolvido {
  background: #777 !important;
}

/* Botão fechar menu: oculto no desktop; visível só no mobile (bloco abaixo) */
.sidebar-close-mobile {
  display: none;
}

/* Mobile: barras do topo (Criar conta / valor+Finalizar) ficam SEMPRE acima
   da rolagem dos jogos. Com o menu FECHADO o sidebar fica atrás das barras;
   com o menu ABERTO (sidebar-open) o menu sobe na frente das duas barras. */
@media screen and (max-width: 767px) {
  .main-header,
  .fixed .main-header,
  html body.fixed .main-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1100 !important;
    background-color: #222222 !important;
    isolation: isolate;
  }
  .main-header > nav.navbar:not(#nav-mobile),
  .fixed .main-header > nav.navbar:not(#nav-mobile) {
    position: relative !important;
    z-index: 2 !important;
    background-color: #222222 !important;
  }
  .main-header #nav-mobile,
  #nav-mobile {
    position: relative !important;
    z-index: 1 !important;
    background-color: #222222 !important;
    background: #222222 !important;
  }
  .content-wrapper,
  .fixed .content-wrapper,
  .main-footer,
  .fixed .main-footer {
    position: relative;
    z-index: 1 !important;
  }
  .content-jogos,
  .content-jogos .jogo,
  .game-item-row,
  .container-lista-jogos,
  .plus-odd,
  span#maisCotacoes {
    z-index: auto !important;
  }
  .main-sidebar,
  .fixed .main-sidebar,
  .fixed .left-side,
  aside.main-sidebar {
    z-index: 1090 !important;
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    min-height: 100vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  /* Menu aberto: sobe na frente das duas barras horizontais */
  body.sidebar-open .main-sidebar,
  body.sidebar-open .fixed .main-sidebar,
  body.sidebar-open .fixed .left-side,
  body.sidebar-open aside.main-sidebar,
  html body.sidebar-open.fixed .main-sidebar,
  html body.sidebar-open .main-sidebar {
    z-index: 1200 !important;
  }
  body.sidebar-open .main-header,
  body.sidebar-open.fixed .main-header,
  html body.sidebar-open.fixed .main-header {
    z-index: 1100 !important;
  }

  /* Botão X + logo: sem sobreposição e sem corte no topo */
  .main-sidebar .sidebar,
  aside.main-sidebar .sidebar {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .sidebar-close-mobile {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 20;
    width: 36px;
    height: 36px;
    color: #fff !important;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 50%;
    font-size: 16px;
    line-height: 1;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
  }
  .sidebar-close-mobile:hover,
  .sidebar-close-mobile:focus,
  .sidebar-close-mobile:active {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.22);
    text-decoration: none !important;
  }
  .main-sidebar .user-panel,
  aside.main-sidebar .user-panel,
  .user-panel {
    margin-top: 0 !important;
    padding: 52px 16px 14px !important;
    overflow: visible !important;
    text-align: center;
  }
  .parceiro-logo-img,
  .main-sidebar .user-panel img,
  .main-sidebar .user-panel .parceiro-logo-img {
    display: block;
    max-width: 150px !important;
    max-height: 64px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto 8px !important;
    object-fit: contain;
  }
  .main-sidebar .user-panel .dados-logado {
    margin-top: 4px;
  }
  .main-sidebar .user-panel .dados-logado p {
    margin: 2px 0;
  }
}

/* Busca de jogos (autocomplete abaixo da barra Finalizar) */
.busca-jogos-bar .busca-jogos-input {
  display: block !important;
}
.jogos-dia-resumo {
  padding: 14px 12px 10px;
  text-align: center;
  background: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
.jogos-dia-resumo--light,
.jogos-dia-resumo--dark {
  background: transparent !important;
  border-bottom: none !important;
}
/* section.content usa fundo escuro (#3d3d3d) em qualquer tema */
.jogos-dia-nome,
.jogos-dia-resumo--dark .jogos-dia-nome,
body.theme-dark .jogos-dia-nome,
body.theme-dark .jogos-dia-resumo .jogos-dia-nome,
body.theme-dark h2.jogos-dia-nome {
  margin: 0;
  color: #f2f2f2 !important;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
}
body.theme-light .jogos-dia-nome,
body.theme-light .jogos-dia-resumo .jogos-dia-nome,
body.theme-light h2.jogos-dia-nome,
.jogos-dia-resumo--light .jogos-dia-nome {
  margin: 0;
  color: #111111 !important;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
}
.jogos-dia-qtd,
.jogos-dia-resumo--dark .jogos-dia-qtd,
body.theme-dark .jogos-dia-qtd,
body.theme-dark .jogos-dia-resumo .jogos-dia-qtd,
body.theme-dark p.jogos-dia-qtd {
  margin: 6px 0 0;
  color: #c8c8c8 !important;
  font-size: 14px;
  font-weight: 400;
}
body.theme-light .jogos-dia-qtd,
body.theme-light .jogos-dia-resumo .jogos-dia-qtd,
body.theme-light p.jogos-dia-qtd,
.jogos-dia-resumo--light .jogos-dia-qtd {
  margin: 6px 0 0;
  color: #666666 !important;
  font-size: 14px;
  font-weight: 400;
}
body.theme-dark .jogos-dia-resumo,
body.theme-light .jogos-dia-resumo,
.jogos-dia-resumo--dark,
.jogos-dia-resumo--light {
  background: transparent !important;
  border-bottom: none !important;
}
.busca-jogos-bar {
  padding-bottom: 14px !important;
}
.jogos-view-wrap {
  padding-top: 0 !important;
}
.jogos-view-wrap .jogos-dia-resumo {
  margin: 0 -10px;
  padding: 14px 12px 10px;
  background: transparent !important;
}
.jogos-view-wrap .busca-jogos-bar {
  position: relative;
  z-index: 20;
  margin: 0 -10px 12px;
  padding: 0 10px 12px;
  background: transparent !important;
  border-bottom: none !important;
}
@media screen and (min-width: 768px) {
  .busca-jogos-bar {
    display: block;
  }
  .jogos-view-wrap {
    padding-top: 0;
  }
}

/* Desktop: cupom acompanha a rolagem e permanece visível */
@media screen and (min-width: 992px) {
  body.fixed .wrapper {
    overflow: visible;
  }

  section.content > .row {
    display: flex;
    align-items: flex-start;
  }

  section.content > .row > .col-md-8 {
    flex: 1 1 66.66667%;
    max-width: 66.66667%;
  }

  #cupom-site {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    z-index: 50;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 82px);
  }

  .wrapper.usuario-logado #cupom-site,
  .wrapper:has(.conta-topo) #cupom-site {
    top: 78px;
    max-height: calc(100vh - 90px);
  }

  #cupom-site .cupon-title {
    flex: 0 0 auto;
    margin-bottom: 0;
  }

  #cupom-site .box.box-success {
    flex: 1 1 auto;
    max-height: calc(100vh - 128px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .wrapper.usuario-logado #cupom-site .box.box-success,
  .wrapper:has(.conta-topo) #cupom-site .box.box-success {
    max-height: calc(100vh - 136px);
  }
}

.conta-topo {
  display: flex !important;
  align-items: center;
  height: 50px;
  padding: 0 10px 0 0 !important;
}
.conta-topo-inner {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 50px;
}
.conta-saldo-wrap {
  position: relative;
}
.conta-saldo-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 0 12px;
  border: 0;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
.conta-saldo-btn.aberto,
.conta-saldo-btn:hover {
  background: rgba(255, 255, 255, 0.22);
}
.conta-saldo-label {
  opacity: 0.85;
  font-weight: 500;
}
.conta-saldo-valor {
  font-weight: 700;
}
.conta-saldo-dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  min-width: 200px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
  padding: 6px;
  z-index: 1080;
}
.conta-saldo-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  border: 0;
  background: transparent;
  color: #222;
  text-align: left;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.conta-saldo-item:hover {
  background: #f3f6f9;
  color: #1a7a4c;
}
.conta-sair-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 34px;
  padding: 0 12px !important;
  border: 0;
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.22);
  color: #fff !important;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  line-height: 1 !important;
}
.conta-sair-btn i {
  font-size: 14px;
  width: 16px;
  text-align: center;
}
.conta-sair-btn:hover {
  background: rgba(0, 0, 0, 0.35);
}
body.theme-dark .conta-saldo-dropdown {
  background: #1e1e1e;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
}
body.theme-dark .conta-saldo-item {
  color: #eee;
}
body.theme-dark .conta-saldo-item:hover {
  background: #2a2a2a;
  color: #7dce9a;
}