/*
	DIOGENES JUNIOR
	CONTATO@DIOGENESJUNIOR.COM.BR
	
*/

/*---------------------------------
	RESETS
-----------------------------------*/


/*---------------------------------
	IMPORTS E CONSULTAS E MOBILE
	
XS = < 544px
SM = > 544px
MD = > 768px
LG = > 992px
XL = > 1200px

CSS GRID
-----------------------------------*/


.wow {
   visibility: hidden;
}

.text-center{
  text-align: center;
}

.text-right{
  text-align: right;
}

img{
  max-width: 100%;
  height: auto;
}


#nav, #app{
  display: none;
}


.logo-novo-betinhas{

}

.logo-novo-betinhas img{
    max-width: 200px;
}

.logo-novo-betinhas a, .logo-novo-betinhas a:hover{
    height: 72px !important;
    max-height: 1000px !important;
    padding-top: 8px;
    margin-top: 7px;

}

.actions-auth-desktop{
    padding-top: 14px !important;
}

.L1xyJ.gw-4z{
    color: #fff !important;
    text-decoration: none !important;
}


.L1xyJ {
    align-items: ;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 700;
    gap: .5rem;
    justify-content: left;
    line-height: 1.25rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    --tw-text-opacity: 1;
    padding-left: 5px;
    color: #fdffff;
    color: rgb(253 255 255 / var(--tw-text-opacity));
    opacity: .5;
    text-decoration-line: none;
}


.buttons .btn-register.default[data-v-2b009606]:hover{
    color: #fff !important;
    border:1px solid #fff !important;
}

._04SGr{
    height: 78px !important;
}


.footer-email-box, .footer-email-box *, .footer-email-box span, .footer-email-box a{
    color: #fff !important;
}

.item-jogo-item{

}

.item-jogo-item a{
    text-decoration: none !important;
}
.JayH5 ._4JF4M{
    -webkit-transition: 300ms ease;
  transition: 300ms ease;
}


.item-jogo-item:hover .JayH5 ._4JF4M{
    visibility: visible !important;
    -webkit-transition: 300ms ease;
  transition: 300ms ease;
  text-decoration: none !important;
}

.Sy54t{
    background: var(--cor-principal) !important;
}

.pc6qF{
    text-decoration: none !important;
}

.L1xyJ.gw-4z:after{
    background-color: var(--cor-principal) !important;
}

.buttons .btn-register.default[data-v-2b009606] {
    margin-right: 5px !important;
}

.buttons .btn-login[data-v-2b009606]{
    background-color: var(--cor-principal) !important;
}

.hTS02 ._-3g-N.LLte1{
    text-decoration: none !important;
}

.hTS02 * a,
.hTS02 * a:hover,
.hTS02 ._-3g-N.LLte1.k3ycP,
.hTS02 ._-3g-N.LLte1.rBbfC{
    text-decoration: none !important;
}

#menu-vertical{
    margin-top: 40px;
}

.open[data-v-91f5725c]{
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
}

.JayH5 ._4JF4M ._0vha3{
    background-color: var(--cor-principal) !important;
}

.slider-novo{
    padding-top: 20px;
    padding-bottom: 25px;
}

.slider-novo img{
    width: 100%;
}

.slider-novo a,
.slider-novo a:hover{
    text-decoration: none;
}



@media(max-width:1024px){

    #menu-vertical.abertoMobile{
        left: 0px !important;
    }

    .open[data-v-91f5725c]{
        left: -110%;
        -webkit-transition: 300ms ease;
        transition: 300ms ease;
    }

    #menu-vertical{
        margin-top: 0;
    }

    .logo-novo-betinhas img {
        width: 100%;
        height: auto !important;
    }.mobile {
        width: 100%;
        top: 0;
        left: 0;
        padding: 0;
        background: none;
        z-index: 50;
        position: relative;
        display: none;
        font-size: 14px;
    }
    .Sy54t {
        background: var(--cor-principal) !important;
        display: none;
    }
    .ljF7t{
        margin-top: 0;
    }
    ._04SGr {
        height: 78px !important;
        margin-top: 0;
    }

    .mobile-menu.new {
        background: url(../images/gc.png) 0 -457px no-repeat !important;
        display: flex !important;
        float: right !important;
        width: 100% !important;
        height: 48px !important;
        margin: 5px 0 0 !important;
        cursor: pointer !important;
    }

    .mobile-menu.new i{
        display: block;
        margin-left: auto;
        margin-right: auto;
        font-size: 18px;
    }

}


.OQADN{

}

.OQADN .conteudo{

}

.OQADN .conteudo article{
    padding-bottom: 45px;
}

.OQADN .conteudo article h1,
.OQADN .conteudo article p,
.OQADN .conteudo article *{
    color: #fff;
}

.plataforma-legal-footer-inner{
    display: none !important;
}

.footer[data-v-d2af6559]{
    position: relative;
    width: 100%;
}

.footer .footer-content[data-v-d2af6559] {
    padding-bottom: 12px !important;
}


.footer .footer-section[data-v-d2af6559]:after{
    display: none !important;
}



#diaNascimento,
#mesNascimento,
#anoNascimento{
    background: #232a33 !important;
    border-radius: 5px !important;
    position: relative;
    z-index: 999999999;
}
.acesso__content__form section{
    display: block !important;
}
.acesso__content__form label{
    display: block !important;
}
@media(min-width:1000px){
    .nascimento_dia, .nascimento_mes, .nascimento_ano {
        width: 29.322222% !important;
    }
}
.buttons .btn.default[data-v-2b009606] span{
    color: #000;
}
.mobile-menu.new .btn{
    background: none !important;
    background-color: transparent !important;
    border:none;
    outline:none;
}
.Sy54t span{
    color: #000;
    font-size: 13px !important; 
    height: 28px;
    padding-top: 4.5px;
}
.esconder-desktop{
    display: none !important;
}
@media(min-width:900px){
    .esconder-desktop{
        display: none !important;
    }
}

.JayH5 ._4JF4M ._0vha3,.JayH5 ._4JF4M ._0vha3 span{
    color: #000 !important;
}

h2 span {
    color: #898989;
    font-family: Arial;
}

.configuracoes__carteira__conta__exp dd form input{
    background: #323637 !important;
    color: #f2f2f2 !important;
}
.form-control-afiliados{
    background: #000;
    color: #f2f2f2;
}

.container-bs{
    max-width: 1150px;
    width: 100%;
    position: relative;
    display: block;
    margin-left: 25%;
    margin-right: auto;
    margin-top: 48px;
}
@media(max-width:540px){
    .container-bs{
        max-width: 96%;
        width: 100%;
        position: relative;
        display: block;
        margin-left: 7px;
        margin-right: auto;
        margin-top: 48px;
    }
}


img.icon_lateral_pai{
    display: inline-block;
    width: 24px;
    margin-right: 3px;
    vertical-align: middle;
    margin-top: -3px;
    height: auto !important;
}

img.icon_lateral_filho{
    display: inline-block !important;
    width: 24px !important;
    margin-right: 3px !important;
    vertical-align: middle !important;
    margin-top: -5px !important;
    height: auto !important;
}

@media(max-width:540px){

    img.icon_lateral_pai{
        display: inline-block;
        width: 24px;
        margin-right: 3px;
        vertical-align: middle;
        margin-top: -3px;
    }
    
    img.icon_lateral_filho{
        display: inline-block;
        width: 24px;
        margin-right: 3px;
        vertical-align: middle;
        margin-top: -5px;
    }

}

/**
*  ------------------------------------------------------------------------------------------------
*
*
*   OVERRIDE JCONFIRM
*
*
*  ------------------------------------------------------------------------------------------------
*/

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>* {
    padding-bottom: 25px;
    line-height: 32px;
  }
  

  
.jconfirm-box{
    width: 600px;
    max-width: 100%;
  }
  
  .jconfirm.jconfirm-white .jconfirm-box, 
  .jconfirm.jconfirm-light .jconfirm-box{
    background: var(--cor-de-fundo-detalhe);
  }
  
  .jconfirm-title-c,
  .jconfirm-content label{
    color: var(--cor-texto-geral);
  }
  
  
  .jconfirm-content .form-control{
    color: var(--cor-texto-geral);
    background: var(--cor-de-fundo-detalhe);
  }
  
  .jconfirm-content .btn-primary,
  .jconfirm-content .btn-primary:hover {
      color: var(--cor-texto-geral);
      background-color: var(--cor-botao);
      border-color: var(--cor-botao);
  }
  
  .jconfirm .btn{
    border: none !important;
  }
  
  .jconfirm-content{
    overflow-y: hidden !important;
  }
  

.footer-section-new{

}

.footer-section-new .redes-sociais{

}

.footer-section-new .redes-sociais a,
.footer-section-new .redes-sociais a:hover{

}

.footer-section-new .redes-sociais img{
    width: 24px;
    display: inline-block;
    margin-right: 5px;
}

.footer-section-new h5{
    font-size: 16px;
    line-height: 1.25rem;
    font-weight: bold;
}

.footer-section-new .diogenes-col-rodape{

}

.footer-section-new .diogenes-col-rodape.coluna-um{

}

.footer-section-new .diogenes-col-rodape.coluna-um img{

}


.footer-section-new .diogenes-col-rodape.coluna-dois a,
.footer-section-new .diogenes-col-rodape.coluna-dois a:hover{
    color: #8f9191 !important;
    font-size: 16px !important;
    text-decoration: none !important;
}


@media(min-width:540px) and (max-width:1024px){
    .mobile-menu-wrapper .mobile-menu[data-v-c42cec75]{
        max-width: 100%;
    }
}
@media(min-width:700px) and (max-width:1024px){
    .sidebar[data-v-91f5725c]{
        width: 56%;
    }
    .desktop[data-v-080f5138] {
        height: auto;
        width: 200px;
        -o-object-fit: contain;
        object-fit: contain;
    }
}

.new-sub-item-minha-conta{
    position: absolute;
    display: none;
    width: 190px;
    height: auto;
    top: 69px;
    bottom: auto;
    right: 59px;
    background: #fff;
    border-radius: 4px;
    z-index: 300;
    color: #000;
    padding: 12px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 15px;
    -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

.new-sub-item-minha-conta a,
.new-sub-item-minha-conta a:hover{
    position: relative;
    display: block;
    text-align: left;
    padding-left: 12px;
    background: #fff;
}
.new-sub-item-minha-conta a:hover{
    background: #f2f2f2;
    -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

.btn:hover{
    opacity: 1;
}

.new-sub-item-minha-conta a i{
    color: #000;
    opacity: 0.8;
}