.custom-col-2 {
    width: 3.2% !important;
    float: left !important;
}

.custom-col {
    width: 4.5% !important; /* Ou qualquer porcentagem desejada */
    float: left !important; /* Para evitar que a largura seja afetada por outros estilos */
}

.custom-col-4 {
    width: 6.3% !important; /* Ou qualquer porcentagem desejada */
    float: left !important; /* Para evitar que a largura seja afetada por outros estilos */
}

.custom-col-5 {
    width: 13% !important; /* Ou qualquer porcentagem desejada */
    float: left !important; /* Para evitar que a largura seja afetada por outros estilos */
}

.custom-col-3 {
    width: 4.09% !important; /* Ou qualquer porcentagem desejada */
    float: left !important; /* Para evitar que a largura seja afetada por outros estilos */
}

.custom-col-6 {
    width: 15% !important; /* Ou qualquer porcentagem desejada */
    float: left !important; /* Para evitar que a largura seja afetada por outros estilos */
}

.card{
  width: 600px;
  border: none;
  border-radius: 10px;

  background-color: #fff;
}

.stats{

    background: #f2f5f8 !important;
    color: #000 !important;
}
.articles{
  font-size:10px;
  color: #a1aab9;
}
.number1{
  font-weight:500;
}
.followers{
    font-size:10px;
  color: #a1aab9;

}
.number2{
  font-weight:500;
}
.rating{
    font-size:10px;
    color: #a1aab9;
}
.number3{
    font-weight:500;
}

.meupost{
    background: #f2f5f8 !important;
}

.sem-borda {
    border: none;
}
.custom-disable {
    overflow-y: scroll; /* Habilita a barra de rolagem vertical */
}

.disabled-checkbox {
    pointer-events: none;
    cursor: not-allowed;
    color: #999; /* Cor cinza para o texto do checkbox */
}

.gif-background {
    background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6uSWAghd7PeNWQVzYbpFZv9qONfabd6V0PouXcfFGjgcWVA0V9X9Ry9Ax0AuNma6VHdPIIWi-Tms8-MC3emJYB4pKZP0fWk3V_GXgZBwzrAtBuiZd4MEE10UL4qBsPR4KiMCcTVyXTkaGZLpjOx28gOsOqaOeUvGot_NVLU5gxr468bzzlxIf_SetVUcK/s16000/dfsdfdf-min.jpg');
    background-size: 100% 130%; /* ajuste conforme necessário */
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;

.disabled-checkbox:checked {
    background-color: #ccc; /* Cor cinza para o fundo quando estiver marcado */
}

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

/* Aplicando a animação à classe animated-div */
.animated-div {
  animation-name: fadeIn; /* Nome do keyframe */
  animation-duration: 3s; /* Duração da animação */
  animation-timing-function: ease-in; /* Função de temporização (opcional) */
  animation-fill-mode: forwards; /* Mantém o último quadro após a animação */
}

.custom-disable:disabled {
    background-color: #ffffff; /* Defina a cor desejada de fundo para o textarea desabilitado */
    opacity: 1; /* Garante que o textarea desabilitado não pareça opaco */
    cursor: default; /* Mantém o cursor padrão quando estiver sobre o textarea desabilitado */
}

.smaller-font {
    font-size: 14px;
}

.box {
 width: 50%;
 float: left;
 height: 300px;/*Altura da linha*/
}

.linha-vertical {
 border-left: 2px solid;/* Adiciona borda esquerda na div como ser fosse uma linha.*/
 box-sizing: border-box;
}

.custom-btn-width {
    width: 200px; /* Defina a largura desejada aqui */
}

#progress-bar-container {
    width: 100%;
    height: 20px;
    background-color: #eee;
    border-radius: 4px;
    margin-top: 10px;
    display: none; /* Oculta a barra de progresso inicialmente */
}

#progress-bar {
    height: 100%;
    background-color: #4caf50; /* Cor da barra de progresso */
    border-radius: 4px;
    width: 0%; /* Inicialmente 0% de progresso */
}