html, body {
    height: 100%;
    margin: 0;
    width: 100%;
}
.container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0; /* Remove o padding para usar 100% da largura */
}
.navbar {
    margin-bottom: 20px; /* Espaçamento abaixo da barra de navegação */
}
#content {
    flex: 1;
    margin-top: 20px; /* Espaçamento superior para o conteúdo */
}

.no-wrap {
    white-space: nowrap; /* não quebrar linha */
}

.btn {
    border-radius: 5px; /* Arredondar os cantos */
}

/* Ajuste da altura e centralização do conteúdo */
.select2-container--classic .select2-selection--single {
    height: 38px; /* Altere conforme necessário */
    padding: 2px 8px; /* Padding interno para o conteúdo */
    display: flex;
    align-items: center;
    font-size: 14px; /* Ajuste o tamanho da fonte para combinar com outros inputs */
    justify-content: space-between; /* Espaço entre o conteúdo e o "X" */
    position: relative; /* Necessário para posicionar o "X" corretamente */
}

/* Centralização do conteúdo selecionado */
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    line-height: normal;
    padding-right: 16px; /* Espaço reservado para o "X" */
    text-align: left; /* Alinha o texto à esquerda */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Trunca o texto se for muito longo */
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    height: 36px; /* ajusta a altura da seta */
}
/* Ajuste do padding e alinhamento do X (botão de limpar) */
.select2-container--classic .select2-selection--single .select2-selection__clear {
    color: lightslategray;
    font-size: 16px; /* Tamanho do "X" */
    position: absolute;
    right: 4px; /* Distância da borda direita */
    top: 50%; /* Centraliza verticalmente */
    transform: translateY(-50%);
    cursor: pointer;
}
/* Estilo ao passar o mouse sobre o "X" */
.select2-container--classic .select2-selection--single .select2-selection__clear:hover {
    color: darkslategray; /* Altera a cor ao passar o mouse sobre o "X" */
}
/* Padding e alinhamento para as opções da lista */
.select2-container--classic .select2-results__option {
    padding: 8px 12px; /* Adiciona padding dentro da lista de opções */
    text-align: left; /* Alinha o texto à esquerda */
    font-size: 14px; /* Tamanho do texto */
}