/* Estilos gerais do corpo */
        body {
            font-family: Arial, sans-serif;
        }

        #titulo_principal {
            margin-top: 0;
        }

        /* Estilos do cabeçalho do formulário personalizado */
        .custom-form-header {
            text-align: center;
        }

        /* Estilos do container do texto introdutório */
        #custom-form-texto-introdutorio-container {
            background-color: #f8f9fa;
            border: 1px solid #ccc;
            /* box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1); */
            border-radius: 7px;
            padding: 20px;
            margin-bottom: 15px;
        }

        /* Estilos do container do formulário personalizado */
        .custom-form-container {
            justify-content: space-between;
            border: 1px solid #ccc;
            border-radius: 5px;
            /* box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1); */
            background-color: #f8f9fa;
            justify-content: center;
            gap: 20px;
            padding-left: 20px;
        }

        /* Estilos do iframe de resultado */
        #custom-form-resultadoIframe {
            width: 100%;
            height: 1180px;
            border-radius: 7px;
            border: 1px solid #ccc;
            /* box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1); */
            background-color: #f8f9fa;
            margin-top: 15px;
        }

        /* Estilos do container para gerar PDF */
        #custom-form-container-gerarPDF {
            align-self: flex-end;
        }

        /* Estilos dos botões do formulário personalizado */
        .custom-form-button {
            color: #fff;
            border: none;
            border-radius: 4px;
            cursor: not-allowed;
            width: 350px;
            justify-content: center;
            padding: 10px;
        }

        .custom-form-group button:enabled {
            cursor: pointer;
            background-color: #007BFF;
        }

        .custom-form-group button:disabled {
            background-color: #cccccc;
        }

        /* Estilos dos grupos do formulário personalizado */
        .custom-form-group {
            justify-content: center;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        /* Estilos dos selects e inputs */
        .custom-form-select,
        #custom-form-gerarPDF {
            height: 32px;
            border: 1px solid #ccc;
            border-radius: 4px;
            display: flex;
            width: 350px;
            margin-top: 1px;
        }

        #custom-form-numVagasNovas {
            height: 32px;
            border: 1px solid #ccc;
            border-radius: 4px;
            display: flex;
            width: 341px;
            padding-left: 5px;
        }

        #custom-form-gerarPDF {
            padding: 7px;
            margin-top: 25px;
        }

        /* Estilos para quando os inputs estão focados */
        .custom-form-input:focus,
        .custom-form-select:focus {
            outline: none;
            border: 1px solid #007BFF;
            box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
        }

        #custom-form-numVagasNovas:focus {
            outline: none;
            border: 1px solid #007BFF;
            box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
        }

        /* Estilos das labels */
        .custom-form-label {
            font-weight: bold;
            margin-bottom: 10px;
        }

        /* Estilos dos selects de ano e mês */
        #custom-form-ano,
        #custom-form-mes {
            width: 350px;
        }

        /* Padding dos selects */
        .custom-form-select {
            padding: 0px;
        }

        /* Classe para ocultar elementos */
        .hidden {
            display: none;
        }

        /* Estilos do container de checkboxes */
        .checkbox-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* Duas colunas */
            gap: 10px; /* Espaçamento entre colunas */
            width: 700px;
        }

        .checkbox-item {
            display: flex;
            align-items: center;
            white-space: nowrap; /* Impede quebra de linha */
        }

        .checkbox-coluna {
            display: flex;
            flex-direction: column;
        }

        /* Estilos do spinner de carregamento */
        #loading-spinner {
            position: fixed;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 9999;
            display: none;
        }

        .spinner {
            border: 16px solid #f3f3f3;
            border-top: 16px solid #3498db;
            border-radius: 50%;
            width: 120px;
            height: 120px;
            animation: spin 2s linear infinite;
        }

        /* Animação do spinner */
        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* Estilos responsivos para telas menores */
        @media (max-width: 768px) {
            .custom-form-container,
            .checkbox-container {
                width: 100%;
                padding-left: 10px;
            }

            #custom-form-gerarPDF,
            .custom-form-select,
            #custom-form-numVagasNovas,
            #custom-form-ano,
            #custom-form-mes,
            .checkbox-item,
            #custom-form- numVagasNovas,
            .custom-form-group button:enabled {
                width: 97%;
            }

            .footer-widget-area {
                margin: 15px !important;
            }

            .search-submit {
                position: absolute;
            }
        }