.select_wrap {
    position: relative;
    width: 100%; /* Ajusta a largura para ocupar 100% do contêiner pai */
}
  
.default_option {
background-color: #fff;
border: 1px solid #ccc;
padding: 9px;
cursor: pointer;
display: flex;
justify-content: center; /* Centraliza o conteúdo */
box-sizing: border-box; /* Garante que padding e border não aumentem a largura total */
border-radius: 4px;
}


.default_option_disabled {
    background-color: #eee !important;
    border: 1px solid #ccc;
    padding: 9px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 4px;
}

.default_option img {
width: 24px;
height: 14px;
filter: invert(0.5) !important;
}

.default_option_disabled img {
    width: 24px;
    height: 14px;
    filter: invert(0.5) !important;
}

.default_option span {
}

.select_ul {
position: absolute;
top: 100%; /* Posiciona o dropdown imediatamente abaixo do botão padrão */
background-color: #fff;
border: 1px solid #ccc;
max-height: 200px; /* Define a altura máxima do dropdown */
overflow-y: auto; /* Adiciona uma barra de rolagem se necessário */
z-index: 999;
display: none; /* Inicialmente escondido */
}

.select_ul.active {
display: block; /* Mostra o dropdown quando ativado */
width: 110px;
align-items: left;
justify-content: left; /* Alinha o ícone à esquerda */
overflow-x: hidden; /* Desativa o scroll horizontal */
white-space: nowrap; /* Impede que o conteúdo faça quebra de linha */
border-radius: 10px;
}

.select_ul li {
position: relative;
left: -40px; /* Ajusta a posição do dropdown */
padding: 10px;
cursor: pointer;
align-items: left;
width: 100px;
transition: background-color 0.3s;
box-sizing: border-box; /* Garante que padding não aumente a largura total */
}

.select_ul li:hover {
background-color: #f0f0f0;
}

.select_ul li img {
    margin-left: 20px;
    width: 26px;
    height: 16px;
    filter: invert(0.5) !important;
}
/* Aplica estilos à barra de rolagem vertical */
.select_ul {
    overflow-y: scroll; /* Garante que a rolagem vertical esteja ativada */
}

/* Estilo geral da barra de rolagem */
.select_ul::-webkit-scrollbar {
    width: 10px; /* Largura da barra de rolagem vertical */
}

/* Estilo da área de rastreamento da barra de rolagem */
.select_ul::-webkit-scrollbar-track {
    background: #f1f1f1; /* Cor de fundo da área onde o polegar se move */
    border-radius: 10px; /* Arredonda os cantos da área de rastreamento */
}

/* Estilo do polegar da barra de rolagem */
.select_ul::-webkit-scrollbar-thumb {
    background: #999; /* Cor do polegar da barra de rolagem */
    border-radius: 10px; /* Arredonda os cantos do polegar */
}

/* Estilo do polegar quando está em hover */
.select_ul::-webkit-scrollbar-thumb:hover {
    background: #555; /* Cor do polegar ao passar o mouse sobre ele */
}