

<style>
    
 
      body{background:var(--color_text_default);} 
    
    #rotate90{
        transform: rotate(-90deg);
    }
    
    #no-select{
      -webkit-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
    }    
    
.greyout {
    width: 200% !important;
    height: 200% !important;
        top: -50% !important;
    left: -50% !important;
}   
    
#poploading{top:0 !important; position: fixed !important; top:0 !important;left: 0 !important;right: 0 !important;bottom: 0 !important;
    width: 100% !important;
    
    }  
    
    
    
/*   BACKGROUND PERSONALIZADO 1    */    
#bg1{
    background-image: url('https://b1f0f82fde36d7a9c92bdba2b44e6b91.cdn.bubble.io/d254/f1736795935772x532638443588169300/bg_new.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    width: 100%; /* Ou defina uma largura específica */
}  
      
    
    
    
    
/*   BACKGROUND PERSONALIZADO 1    */    
#bg_mentoria{
    background-image: url('https://b1f0f82fde36d7a9c92bdba2b44e6b91.cdn.bubble.io/d254/f1728412469108x907111608460788200/bg_mentoria.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    width: 100%; /* Ou defina uma largura específica */
}


#bg_padrao {
    position: relative;
    width: 100%;
    /* Estilo adicional para o fundo principal, se necessário */
}

#bg_padrao::before,
#bg_padrao::after {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    width: 50vw; /* Cada imagem ocupará metade da largura da tela */
    background-size: auto;
   background-repeat: repeat-y;
    background-attachment: fixed;
    z-index: -1; /* Mantém as imagens atrás do conteúdo */
}

#bg_padrao::before {
    left: 0;
    background-image: url('https://b1f0f82fde36d7a9c92bdba2b44e6b91.cdn.bubble.io/d254/f1728919128166x228212914432368350/pattern_L.svg');
    background-position: left center; /* Posiciona à esquerda, centralizado verticalmente */
}

#bg_padrao::after {
    right: 0;
    background-image: url('https://b1f0f82fde36d7a9c92bdba2b44e6b91.cdn.bubble.io/d254/f1728919132530x473249203511599170/pattern_R.svg');
    background-position: right center; /* Posiciona à direita, centralizado verticalmente */
}

/* Media query para mover as imagens de background 20px para os lados em telas entre 768px e 992px */
@media (min-width: 768px) and (max-width: 992px) {
    #bg_padrao::before {
        background-position: calc(-120px) center; /* Move 20px para a esquerda */
    }

    #bg_padrao::after {
        background-position: calc(100% + 120px) center; /* Move 20px para a direita */
    }
}

/* Media query para ocultar os backgrounds em telas menores ou iguais a 768px */
@media (max-width: 768px) {
    #bg_padrao::before,
    #bg_padrao::after {
        display: none;
    }
}
    
    
    /*   BACKGROUND PERSONALIZADO    */    
#bg_card_page_title{
            background-color: rgba(24, 24, 24, 0.5);
            background-image: url('https://b1f0f82fde36d7a9c92bdba2b44e6b91.cdn.bubble.io/d254/f1730148310585x304349904535974300/padrao_card.svg');
            background-position: right;
            background-repeat: no-repeat;
      
}
    
    /*   BACKGROUND PERSONALIZADO 1    */    
#bg_card_info{
            background-color: rgba(24, 24, 24, 0.5);
            background-image: url('https://b1f0f82fde36d7a9c92bdba2b44e6b91.cdn.bubble.io/d254/f1728674701368x644202915983073300/detalh.svg');
            background-position: right;
            background-size: contain;
            background-repeat: no-repeat;
    
}
    
    /*   BACKGROUND PERSONALIZADO 1    */    
#bg_card_info_clean{
            background-color: rgba(24, 24, 24, 0.5);
            background-image: url('https://b1f0f82fde36d7a9c92bdba2b44e6b91.cdn.bubble.io/d254/f1730995718231x567407636948548540/padrao_clean.svg');
            background-position: right;
            background-size: contain;
            background-repeat: no-repeat;
     
}
    
    /*   BACKGROUND PERSONALIZADO 1    */    
#card_header{
            background-color: rgba(18, 18, 18, 1);
            background-image: url('https://b1f0f82fde36d7a9c92bdba2b44e6b91.cdn.bubble.io/d254/f1730995718231x567407636948548540/padrao_clean.svg');
            background-position: right;
            background-size: contain;
            background-repeat: no-repeat;
      
}    
      
    
    
@media (max-width: 992px) {
    #bg_card_info {
        background-size: cover !important;
    }
}    
    
    

.ionic-toggle.toggle-balanced input:checked + .ionic-track {
    border-color: #E8630C;
    background-color: #E8630C;
}    

.ionic-toggle .ionic-track {
    border: solid 2px #343434;
    border-radius: 20px;
    background-color: #343434;

}    
    
    
  
/*     MENSAGEM "NOVA ATUALIZAÇÃO DA PLATAFORMA" PERSONALIZADA     */ 

    
.bad-revision{
position: fixed;
bottom: 10%;
left: 50%;
transform: translate(-50%, 50%);
background: rgba( 13, 13, 14, 0.8 );
backdrop-filter: blur( 5.5px );
-webkit-backdrop-filter: blur( 8px );
color: #fff;
max-width: 320px;
padding: 20px;
border-radius: 8px;
transition: all .5s ease;
text-align: left;
box-shadow: 10px 10px 48px rgba(0, 0, 0, 0.50);
height: 90px;
border: 1px rgba(234, 255, 0, 0.8);
top:auto;
text-align: center; 
animation: pulse-animation 2s infinite; 
}  

    

 
    
    
    
    
/*    MULTIDROPDOWN CUSTOMIZADO   */           
.select2-results__options{
background-color: #141414 !important; color:#fff !important;
}
.select2-results__option[aria-selected=true]{
background-color: #333333 !important; color:#fff !important;

}

    .select2-results__option--highlighted{
        background-color: #333333  !important;
    color:#fff !important;}
    
.select2-results__option[aria-selected=true]:hover {
    background-color:rgba(0,0,0,0.1) !important;
    color:#fff !important;
    }
    .select2-results__option{padding:10px !important;}
    .select2-selection__choice{padding:5px !important; font-weight:600;}
    .select2-selection__choice__remove{margin-right:5px !important;}
   
       .select2-dropdown {
     border: 1px solid #333333 !important;
     
           
    }   
    


    
#sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 100px;
}

#sticky1 {
 position: -webkit-sticky;
  position: sticky;
  top: 0;
}    
    
    
    
/*     ESTILIZA ELEMENTOS COM BLUR SEM BORDA    */     
#blur{
background: rgba( 49, 55, 74, 0.06 );
backdrop-filter: blur( 5.5px );
-webkit-backdrop-filter: blur( 8px );}

    
/*     ESTILIZA ELEMENTOS COM BLUR SEM BORDA    */     
#blur_black{
background: rgba( 13, 13, 14, 0.7 );
backdrop-filter: blur( 8px );
-webkit-backdrop-filter: blur( 8px );}

#blur_header{
background: rgba( 13, 13, 14, 0.3 );
backdrop-filter: blur( 5.5px );
-webkit-backdrop-filter: blur( 8px );
border: 1px solid rgba( 255, 255, 255, 0.1 );
} 
    
    
    
#blur_border1{
background: rgba( 49, 55, 74, 0.2 );
backdrop-filter: blur( 5.5px );
-webkit-backdrop-filter: blur( 8px );
border: 1px solid rgba( 255, 255, 255, 0.18 );
}

#blur_border2{
background: rgba( 49, 55, 74, 0.2 );
backdrop-filter: blur( 5.5px );
-webkit-backdrop-filter: blur( 8px );
border: 2px solid rgba( 255, 255, 255, 0.18 );
}
    
#blur_orange{
background:rgba(232, 99, 12, 0.5);
backdrop-filter: blur( 5.5px );
-webkit-backdrop-filter: blur( 8px );
}

#blurnovo{
backdrop-filter: blur( 5px );
-webkit-backdrop-filter: blur( 5px );
}
        
    
    
#sidebarr{height:100vh!important; width: 280px!important; position: fixed!important; height: 0px!important; left: 0px!important}

    
 #menu{min-height:100vh!important; position: absolute!important; left: 0!important; height: 0!important}
    
    

#ddblack option{background-color: #141414 !important;}
    

  /* Configuração de cores para os principais elementos */
.picker__box,
.picker__frame,
.picker__wrap {
    background-color: var(--color_bUvww2_default) !important;
}

/* Configuração para ano e mês */
.picker__select--year,
.picker__select--month {
    background: none !important;
    color: #fff !important;
    border: none !important;
    font-weight: 600; /* Deixa a fonte mais grossa */
}

/* Configuração de setas de navegação */
.picker__nav--next:before {
    border-left: 0.75em solid #7A7A7A !important;
}
.picker__nav--prev:before {
    border-right: 0.75em solid #7A7A7A !important;
}

.picker__nav--next:hover:before {
    border-left: 0.75em solid #fff !important;
}
.picker__nav--prev:hover:before {
    border-right: 0.75em solid #fff !important;
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
    cursor: pointer;
    background: var(--color_primary_default) !important;
}

/* Configuração de estilo para os dias */
.picker__day {
    color: var(--color_text_default) !important;
    background-color: var(--color_bVBhv0_default) !important;
    border: none !important;
    font-weight: 500; /* Deixa os dias com uma espessura média */
}

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
    color: var(--color_text_default) !important;
    font-weight: 500; /* Mais grosso ao passar o mouse */
}

.picker__day--disabled {
    opacity: 0.3 !important;
    color: var(--color_text_default) !important;
}

.picker__day--today:before {
    display: none !important;
}

.picker__day--selected {
    color: #fff !important;
    background: var(--color_primary_default) !important;
    font-weight: 600; /* Destaque maior para o dia selecionado */
}

/* Outros ajustes */
.picker__footer {
    display: none !important;
}

.picker__month {
    color: #999999 !important;
    font-weight: 600; /* Mais grosso para os meses */
}


    

    /* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #000000;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
   width: 0px;
   height: 0px;
  }

  *::-webkit-scrollbar-track {
    background-color: #000000;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #000000;
    border-radius: 0px;
  }
   
  
    


.ionic-toggle.toggle-positive input:checked+.ionic-track{
border-color: #e8630c!important;
background-color: #e8630c!important;
}

    #menul{height: 100vh!important}

    #hiddenscroll::-webkit-scrollbar {
        display:none!important;
        width: 0px!important
    }
#galaxybg{position: fixed; z-index: 1!important; float: left}



#rich button.ql-link{display:none!important}


     #center_popup{position: fixed !important; top: 50% !important;left: 50% !important;right: auto !important;bottom: auto !important;-webkit-transform:translate(-50%,-50%) !important;}

        #pulse {
  animation: pulse-animation 1s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(232, 99, 12, 0.3);
  }
  100% {
    box-shadow: 0 0 0 12px rgba(232, 99, 12, 0);
  }
    
    
}
        #pulsenew {
  animation: pulsenew 2s infinite;
}
    

@keyframes pulsenew {
  0% {
    box-shadow: 0 0 0 0px rgba(232, 99, 12, 0.3);
  }
  100% {
    box-shadow: 0 0 0 12px rgba(232, 99, 12, 0);

    }
    
}
 
    

        #pulsegreen {
  animation: pulsegreen 1s infinite;
}
    

@keyframes pulsegreen {
  0% {
    box-shadow: 0 0 0 0px rgba(6, 176, 143, 0.3);
  }
  100% {
    box-shadow: 0 0 0 12px rgba(6, 176, 143, 0);

    }
    
}    
      
   


    #hiddenx{overflow-x:hidden!important}
    
    
/*---------------------------------------------------------------------------------*/    
/*     ANIMAÇÕES INÍCIO     */  
    
@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
} 
    
    
@keyframes blink { 
            0% { 
                opacity: 0; 
            } 
  
            50% { 
                opacity: 0.7; 
            } 
  
            100% { 
                opacity: 0; 
            } 
        } 
    
    
    @keyframes blink1 { 
            0% { 
                opacity: 0.3; 
            } 
  
            50% { 
                opacity: 1 
            } 
  
            100% { 
                opacity: 0.3; 
            } 
        } 


  
    
/*     ANIMAÇÕES FIM     */  
/*---------------------------------------------------------------------------------*/      
    
    #blink{
     animation: blink  
                1s linear infinite; 
}   
   



    #rotate{
 animation:spin 1s linear infinite;
    
    }
    
    @keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}
      #rotate1{
 animation:spin1 1s linear infinite;
    
    }
    
    @keyframes spin1 { 
    100% { 
        -webkit-transform: rotate(-360deg); 
        transform:rotate(-360deg); 
    } 
}      
</style>

