.elementor-12808 .elementor-element.elementor-element-7566e8b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12808 .elementor-element.elementor-element-96df305 .elementor-button{background-color:#00D320;font-size:24px;}/* Start custom CSS for button, class: .elementor-element-96df305 */#btnPremium{-webkit-animation: pulse 1.5s infinite;}
-pulse-button:hover{ -webkit-animation:none;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-00c0db3 */body {
            font-family: Arial, sans-serif;
            margin: 20px; /* Adiciona espaço na parte superior */
        }

        /* Estilo para o cabeçalho */
        h4 {
            text-align: left;
            margin-top: 18px;
        }

        /* Estilo para o formulário */
        #form-container {
            max-width: 1600px;
            margin: 0 auto;
            padding: 20px;
            padding-bottom: 20px;
            background-color: #d9edf7;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            padding-top: 30px;
        }

        .dropdown-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-bottom: 20px;
        }

        .dropdown-container > div {
            flex: 0 1 calc(25% - 30px);
            margin-bottom: 10px;
        }

         select {
           
            padding: 10px 12px;
            font-size: 16px;
            border: 1px solid #ccc;
            border-radius: 5px;
            box-sizing: border-box;
            
        }

        select option {
            padding: 5px;
        }

        #submit-btn {
            display: block;
            padding: 10px;
            font-size: 16px;
            background-color: #808080; /* Cor de fundo laranja claro */
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
            margin-top: 15px;
            width: 90px;
            margin-left: 15px;
            height: 40px;
            font-weight: bold;
        }

         #clear-btn {
            display: block;
            width: 100%;
            padding: 10px;
            font-size: 16px;
            background-color: #808080; /* Cor de fundo laranja claro */
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
            margin-top: 15px;
            width: 150px;
            margin-left: auto;
            height: 40px;
            font-weight: bold;
        }

        /* Estilo para a lista */
        #listaDados {
            max-width: 1400px;
            margin: 20px auto;
            padding: 0;
            list-style: none;
        }

        .lista-item {
            background-color: #ffffff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
        }

       /* Estilos para os ícones e seus textos */
.question-header {
    display: flex; /* Coloca os elementos em linha */
    align-items: center; /* Alinha verticalmente ao centro */
    justify-content: space-between; 
}



.question-header button {
    margin-right: 10px; /* Adiciona espaçamento à direita do botão */
}

.question-header i {
    margin-right: 10px; /* Adiciona espaçamento à direita dos ícones */
}

.question-header span {
    margin-right: 10px; /* Adiciona espaçamento à direita dos textos */
}

/* Estilos para o botão "Resolva Online" */
.resolva-online-button {
    background-color: #00bfff; /* Cor de fundo */
    color: white; /* Cor do texto */
    padding: 10px 20px; /* Espaçamento interno */
    font-size: 16px; /* Tamanho da fonte */
    border: none; /* Remover borda */
    border-radius: 5px; /* Borda arredondada */
    cursor: pointer; /* Cursor ao passar por cima */
    transition: background-color 0.3s; /* Transição suave da cor de fundo */
   
}

/* Estilo quando o cursor passa por cima */
.resolva-online-button:hover {
    background-color: #00cfff; /* Cor de fundo mais escura */
}

/* Estilo quando o botão é clicado */
.resolva-online-button:active {
    background-color: #3e8e41; /* Cor de fundo ainda mais escura */
    transform: translateY(1px); /* Efeito de clique */
}

.text-prova{
     border: 1px solid #ccc; /* Adiciona uma borda preta de 1px */
    padding: 10px; /* Adiciona um padding de 5px */
    border-radius: 5px;
}

.text-gabarito{
    border: 1px solid #ccc; /* Adiciona uma borda preta de 1px */
    padding: 10px; /* Adiciona um padding de 5px */
    border-radius: 5px;
}

.text-edital{
    border: 1px solid #ccc; /* Adiciona uma borda preta de 1px */
    padding: 10px; /* Adiciona um padding de 5px */
    border-radius: 5px;
}

.text-prova:hover {
    cursor: pointer;
    
}

.text-gabarito:hover {
    cursor: pointer;
}

.text-edital:hover {
    cursor: pointer;
}


        .lista-item h3 {
            font-size: 16px;
            
        }

        /* Estilo para o texto associado */
        .texto-associado {
            display: none;
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px solid #ccc;
        }

        .toggle-btn {
            display: block;
            margin-top: 10px;
            padding: 5px 10px;
            font-size: 16px;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .toggle-btn:hover {
            background-color: #0056b3;
        }

        .toggle-btn.active {
            background-color: #0056b3;
        }

        .responder-btn {
            display: inline-block;
            padding: 10px;
            font-size: 16px;
            background-color: #ffcc80; /* Cor de fundo laranja claro */
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
            margin-top: 15px;
        }

        .responder-btn:hover {
            background-color: #ffa726; /* Laranja um pouco mais escuro ao passar o mouse */
        }

        
        .resposta-correta {
            font-weight: bold;
            color: green;
        }

        .resposta-incorreta {
            font-weight: bold;
            color: red;
        }

        /* Estilo para a paginação */
        .pagination {
            display: flex;
            justify-content: center;
            margin-top: 20px;
        }

        .pagination button {
            margin: 0 5px;
            padding: 5px 10px;
            font-size: 16px;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .pagination button:hover {
            background-color: #0056b3;
        }

        .pagination button.active {
            background-color: #0056b3;
        }

        

        .resposta-item {
            transition: color 0.3s ease; /* Adiciona transição para a mudança de cor */
        }

        .resposta-item:hover {
            color: #ff9900; /* Muda a cor do texto ao passar o mouse */
        }

        .resposta-item.selected-answer {
            color: #ff9900; /* Mantém a cor do texto selecionado */
        }

       .button-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    
}

.custom-select {
    flex: 0 0 180px; /* Define o tamanho dos selects para ocuparem quase metade do espaço */
    margin-right: 10px; /* Adiciona um espaçamento à direita de cada select */
    
}

#submit-btn {
    flex: 0 0 90px; /* Define o tamanho do botão para ocupar quase metade do espaço */
}


        /* Estilo para o rodapé */
      .lista-rodape {
    display: flex; /* Adiciona um display flex ao rodapé */
    align-items: center; /* Alinha os itens verticalmente */
    background-color: #F8F8FF; /* Cor de fundo semelhante ao cabeçalho */
    padding: 5px; /* Adiciona um espaçamento interno ao rodapé */
    border-radius: 0 0 10px 10px; /* Adiciona bordas arredondadas no rodapé */
    margin-top: 15px;
     border: 1px solid #ccc; /* Adiciona uma borda de 1 pixel */
   
}

.lista-rodape img {
    margin-left: auto; /* Move o ícone para a direita */
    font-size: 20px; /* Define o tamanho do ícone */
    padding: 2px; /* Adiciona um espaçamento interno ao rodapé */
    width: 25px; /* Define a largura do ícone */
    height: 25px; /* Define a altura do ícone */
    margin-right: 7px; 
}

.lista-rodape label {
    font-size: 20px; /* Tamanho da fonte */
    color: red !important;  /* Cor do texto */
    margin-left: 10px; /* Adiciona um espaçamento à esquerda do texto */
}
#dropdowns-container select[name="id_assuntos"] {
    display: none;
}
#ano-dropdown {
    margin-top: 26px;
    height: 40px; /* Define a altura do dropdown */
    width: 150px; /* Define a largura do dropdown */
    padding: 8px 12px; /* Adiciona preenchimento interno */
    font-size: 16px; /* Define o tamanho da fonte */
    border: 1px solid #ccc; /* Adiciona uma borda */
    border-radius: 5px; /* Adiciona bordas arredondadas */
    box-sizing: border-box; /* Faz com que o padding e a borda não aumentem o tamanho total do elemento */
}

/* Estilos para o overlay e indicador de carregamento */
        #overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5); /* Fundo semi-transparente */
            display: none; /* Inicialmente oculto */
            z-index: 9999; /* Z-index alto para garantir que fique acima de outros elementos */
        }
        
        #loading-spinner {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        
        #loading-text {
            position: absolute;
            top: 60%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            font-size: 35px;
        }
        
        #mais-buscadas{
            margin-left: 10px;
            color: blue;
            
        }
         #titulo1{
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 22px;
            margin-bottom: -30px;
            text-align: center; /* Alinha o texto ao centro horizontal */
            
        }
        
          .filtros{
            display: flex;
           justify-content: space-between; /* Distribui o espaço uniformemente */
           margin-bottom: 10px;
        }
        
        .filtros select {
   max-width: 270px;
    margin-bottom: 20px;
   gap 10px;
}


#questions-per-page-display, label{
    display: none;
    padding: 5px 20px;
    height: 29px;
}
#ano-dropdown, label {
    display: none;
     padding: 5px 12px;
     width: 100px;
     height: 30px;
}/* End custom CSS */