:root {
    --ci-gray-dark: #ffff;
}



:is(.dark .navtop-color) {
    background-color: #062064 !important;
}

.bg-\[var\(--background-base\)\] {
    background-color: #062064 !important;
}

.border-\[var\(--ci-secundary-color\)\] {
    border-color: #a0c5fb !important;
}

.ui-button-form {
    color: #062064 !important;
    background-color: #fff0bb !important;
}

.text-\[var\(--sub-text-color\)\] {
    color: #fff0bb !important;
}

.border-\[var\(--sub-text-color\)\] {
    border-color: #fff0bb !important;
}

.p-5 {
    padding: 0.75rem !important;
}

.dark\:text-gray-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255) !important;
}

.roxDepositButton[data-v-1e982276] {    
   color: #05309f !important;
   
}

.bg-\[var\(--ci-primary-opacity-color\)\] {
    background-color: #062064 !important;
}

.ui-button-blue {   
    color: #05309f !important;   
}

.text-\[var\(--ci-secundary-color\)\] {
    color: #ffffff !important;
}

.max-w-24 {
    max-width: 7.25rem !important;
}

.carousel-banners {
    width: 90%;
    margin: 0 auto;
    margin-left: 4px !important; /* Margem à esquerda */  
}

.mr-4 {
    margin-right: 8px !important;
}

.border-custom-border {
  border-color: #a0c5fb; /* Defina a cor desejada aqui */
}


.active-border[data-v-4072c133], .selected-category p[data-v-4072c133] {
    border-radius: 4px;
}

.jackpot_text[data-v-4072c133] {
    position: absolute;
    top: 62%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.6rem;
    font-weight: 600;
    color: #ffff6b;
    text-shadow: 1px 1px 4px rgb(255 0 0) !important;
}






.menu2 {
  /* Adicionando uma imagem como plano de fundo */
  background-image: url('/storage/rox/icon_btm_jr2.webp');
  /* Definindo o tamanho da imagem */
  background-size: cover;
  /* Ajustando a posição da imagem */
  background-position: center;
  
}
.menu1 {
  /* Adicionando uma imagem como plano de fundo */
  background-image: url('/storage/rox/icon_btm_jr.webp');
  /* Definindo o tamanho da imagem */
  background-size: cover;
  /* Ajustando a posição da imagem */
  background-position: center;
  
}
.menu3 {
  /* Adicionando uma imagem como plano de fundo */
  background-image: url('/storage/rox/menu6.gif');
  /* Definindo o tamanho da imagem */
  background-size: 251px;
  /* Ajustando a posição da imagem */
  background-position: 61px;
  /* Evitando que a imagem se repita */
  background-repeat: no-repeat;
  
}
.menu4 {
  /* Adicionando uma imagem como plano de fundo */
  background-image: url('/storage/rox/menu6.gif');
  /* Definindo o tamanho da imagem */
  background-size: 110px;
  /* Ajustando a posição da imagem */
  background-position: 0px;
  /* Evitando que a imagem se repita */
  background-repeat: no-repeat;
  
}
.menu5 {
  /* Adicionando uma imagem como plano de fundo */
  background-image: url('/storage/rox/h5_zs_jr2.webp');
  /* Definindo o tamanho da imagem */
  background-size: 110px;
  /* Ajustando a posição da imagem */
  background-position: 0px;
  /* Evitando que a imagem se repita */
  background-repeat: no-repeat;
  
}

.menu6 {
  /* Adicionando uma imagem como plano de fundo */
  background-image: url('/storage/rox/snow.gif');
  /* Definindo o tamanho da imagem */
  background-size: 45px;
  /* Ajustando a posição da imagem */
  background-position: center;
  /* Evitando que a imagem se repita */
  background-repeat: no-repeat;
  
}

:is(.dark .bg-base) {
  /* Adicionando uma imagem como plano de fundo */
  background-image: url('/storage/rox/menu6.gif'), url('/storage/rox/2-1-11.png') !important;
   background-repeat: repeat;
    background-size: auto;

  
}