﻿.widget-card-2025 {
    background: #e0e0e0; /* Cinza claro, neutro e institucional */
    color: #000; /* Fonte preta */
    padding: 14px 20px;
    border-radius: 8px 8px 0 0; /* Cantos arredondados no topo */
    border: 1px solid #ccc; /* Borda discreta */
    border-left: 6px solid #ed3237; /* Faixa vermelha institucional */
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.btn-finalizar2025 {
    background: #ed3237; /* Vermelho institucional */
    color: #fff; /* Texto branco */
    font-size: 1.5rem; /* Maior para mais destaque */
    font-weight: 700; /* Negrito para impacto */
    padding: 14px 32px; /* Mais espaçamento para imponência */
    border: none;
    border-radius: 10px; /* Cantos arredondados modernos */
    cursor: pointer;
    transition: background 0.3s ease, transform 0.1s ease;
    display: inline-block;
    text-align: center;
}

    .btn-finalizar2025:hover {
        background: #c41f24; /* Vermelho mais escuro no hover */
        transform: scale(1.03); /* Efeito sutil de destaque */
    }

    .btn-finalizar2025:active {
        background: #9e1a1e; /* Vermelho profundo quando pressionado */
        transform: scale(0.97);
    }



/* --- CSS ESTRUTURAL PARA O LAYOUT DO FORMULÁRIO --- */
/* Este código foca APENAS no alinhamento e organização dos campos. */
/* A aparência (cores, fontes, bordas) deve vir da sua folha de estilos existente. */

/* Container principal da seção do formulário */
.form-section {
    /* Define uma largura máxima para o formulário e o centraliza na página */
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* Título da seção (para garantir espaçamento correto abaixo dele) */
.titulo_serio {
    display: block; /* Garante que o título ocupe a linha toda */
    margin-bottom: 20px;
}

/* --- ESTRUTURA DE LAYOUT COM FLEXBOX --- */

/* Define uma "linha" no formulário que conterá um ou mais campos */
.form-row {
    display: flex;
    flex-wrap: wrap; /* Permite que os campos quebrem para a linha de baixo em telas pequenas */
    gap: 20px; /* Espaço horizontal entre os grupos de campos na mesma linha */
    margin-bottom: 15px; /* Espaço vertical entre as linhas do formulário */
}

/* Define um "grupo" (geralmente um label + seu campo de input) */
.form-group {
    display: flex;
    flex-direction: column; /* Coloca o label acima do campo de input */
    flex: 1; /* Faz com que cada grupo ocupe o espaço disponível igualmente */
    min-width: 200px; /* Largura mínima para evitar que os campos fiquem muito espremidos */
}

    /* Garante um pequeno espaço entre o label e o campo abaixo dele */
    .form-group label, .form-group .asp-label {
        margin-bottom: 5px;
    }

    /* Faz com que os campos de formulário ocupem toda a largura do seu container (.form-group) */
    .form-group .form-control,
    .form-group .dropdown2025 {
        width: 100%;
        box-sizing: border-box; /* Essencial para que o padding e a borda não quebrem o layout */
    }

/* Estrutura para alinhar um checkbox (ou outro item) ao lado de um campo de texto */
.input-with-addon {
    display: flex;
    align-items: center;
    gap: 10px;
}

    /* Dentro do 'input-with-addon', faz o campo de texto ocupar o espaço restante */
    .input-with-addon .form-control {
        flex: 1;
    }

/* Estrutura para alinhar os itens de um RadioButtonList horizontalmente */
.radiobutton {
    display: flex;
    gap: 20px; /* Espaço entre as opções "Masculino" e "Feminino" */
}

/* Container do botão de salvar, para alinhá-lo */
.form-actions {
    text-align: right; /* Alinha o botão à direita */
    margin-top: 25px; /* Espaço acima do botão */
}

/* Estrutura para a nota de texto (aviso da CIN) */
.form-note {
    width: 100%; /* Garante que a nota ocupe a linha inteira */
    flex-basis: 100%; /* Equivalente a width: 100% para itens flex */
}

body {
    text-align: justify;
    font-family: Montserrat;
    font-size: 14px;
}

.auto-style2 {
    height: 10px;
}

p, label {
    font-family: "Montserrat";
    font-size: 14px;
}

.hideTable {
    display: none;
}

.concurso-list {
    list-style: none;
    padding: 0;
    width: 100%;
}

    /* Remova o padding do LI que está causando o "vácuo" de clique */
    .concurso-list li {
        padding: 0 !important;
        display: flex;
        align-items: center;
        position: relative;
        border: 1px solid #d1d5db; /* Apenas para manter o estilo da sua imagem */
        border-radius: 8px;
        margin-bottom: 10px;
        transition: background-color 0.2s;
    }

    /* O segredo: transformar o label em um bloco que ocupa tudo */
    .concurso-list label {
        display: block;
        width: 100%;
        padding: 20px 20px 20px 45px; /* Padding generoso, compensando o rádio à esquerda */
        cursor: pointer;
        margin: 0;
        line-height: 1.5;
    }

    /* Posicione o rádio de forma absoluta para que ele não quebre o layout do label */
    .concurso-list input[type="radio"] {
        position: absolute;
        left: 20px;
        margin: 0;
        cursor: pointer;
        z-index: 1; /* Garante que o rádio ainda seja clicável individualmente se necessário */
    }

    /* Efeito visual para mostrar que você pensou em tudo */
    .concurso-list li:hover {
        background-color: #f9fafb;
    }


.status-badge {
    display: inline-block;
    margin-top: 10px;
    padding: 4px 12px;
    background-color: #dcfce7;
    color: #166534;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.painel-candidato-container {
    font-family: 'Poppins', sans-serif;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 25px;
    margin-top: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.titulo-secao {
    font-size: 14px;
    font-weight: 600;
    color: #444;
    text-transform: uppercase;
    margin-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
}

/* O segredo para alinhar dezenas de botões: Flexbox Grid */
.acoes-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* Estilo do Botão Moderno (Harmonizado com os cards superiores) */
.btn-moderno {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px 16px;
    background-color: #fcfcfc;
    border: 1px solid #dcdcdc;
    border-radius: 8px; /* Igual aos cards de cima */
    color: #555;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none !important;
    transition: all 0.2s ease;
    cursor: pointer;
    min-width: 200px; /* Mantém consistência visual */
}

    .btn-moderno:hover {
        background-color: #f0f7ff;
        border-color: #007bff;
        color: #007bff;
        transform: translateY(-1px);
    }

/* Destaques (Opcional, mas melhora a UX) */
.primary {
    background-color: #007bff;
    color: #fff;
    border: none;
}

    .primary:hover {
        background-color: #0056b3;
        color: #fff;
    }

.warning {
    background-color: #ffc107;
    color: #333;
    border: none;
}

/* Estilização de Alertas */
.alerta-critico {
    display: block;
    margin-bottom: 15px;
    color: #d9534f;
}

.painel-instrucoes {
    margin-top: 25px;
    padding: 20px;
    background-color: #fdfdfe;
    border: 1px dashed #ccc;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.6;
}

.panel-heading-updated {
    background-color: #f8fafc !important; /* Um azul-cinza quase imperceptível, muito limpo */
    border-bottom: 2px solid #e2e8f0 !important;
    padding: 15px 20px !important;
    border-radius: 12px 12px 0 0 !important; /* Arredondamento que casa com os seus cards */
    margin-bottom: 20px;
}

    .panel-heading-updated h2 {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
    }

        .panel-heading-updated h2 span,
        .panel-heading-updated h2 label {
            font-family: 'Poppins', sans-serif !important;
            font-size: 20px !important;
            font-weight: 600 !important;
            color: #334155 !important; /* Cor sóbria e profissional */
            text-transform: none !important;
            letter-spacing: -0.5px !important;
            /* Estilização para RadioButtonList e Checkbox */
        }

.custom-control-list label {
    margin-left: 8px;
    margin-right: 20px;
    font-weight: normal !important;
    cursor: pointer;
}

.custom-control-list input[type="radio"],
.custom-control-list input[type="checkbox"] {
    cursor: pointer;
    transform: scale(1.1); /* Aumenta levemente para melhor ergonomia */
    vertical-align: middle;
}

/* Remove as bordas de tabela que o ASP.NET tenta enfiar */
.custom-control-list table,
.custom-control-list td,
.custom-control-list tr {
    border: none !important;
    padding: 0 !important;
}

.checkbox-container {
    margin-top: 10px;
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 4px;
    border: 1px solid #eee;
}
/* Container da Seção - Cria o bloco visual */
.section-header {
    background-color: #f9fafb; /* Um cinza quase branco, muito sofisticado */
    border-bottom: 1px solid #e0e4e8; /* Uma linha de base sutil */
    padding: 18px 25px; /* Mais espaço interno para elegância */
    margin-top: 35px; /* Maior separação do bloco anterior */
    margin-bottom: 25px;
    border-radius: 6px 6px 0 0; /* Arredondamento suave apenas no topo */
    position: relative; /* Necessário para o acento visual */
}

/* O Texto do Título */
.header_autoridade {
    color: #2c3e50; 
    font-size: 16px; /* Ligeiramente maior para mais presença */
    font-weight: 800; /* Negrito extra para autoridade máxima */
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    position: relative; /* Para posicionar o acento */
    display: inline-block;
}

    /* O "Toque de Mestre" - Acento Visual */
    .header_autoridade::after {
        content: '';
        position: absolute;
        display: block;
        width: 40px; /* Uma linha curta e elegante */
        height: 3px; /* Espessura sutil */
        background-color: #ed3237; /* O seu azul padrão */
        bottom: -19px; /* Posiciona exatamente sobre a borda inferior do container */
        left: 0;
        border-radius: 2px;
    }

/* Ajuste fino nos form-groups para alinhar com o novo padding do header */
.panel-body {
    padding: 0 30px 30px 30px !important; /* Remove o padding superior do corpo para colar no header */
}

    /* Pequeno ajuste nos rows para não ficarem colados demais nas bordas laterais */
    .panel-body .row {
        margin-left: -10px;
        margin-right: -10px;
    }


.section-header {
    background-color: #f9fafb;
    border-bottom: 1px solid #e0e4e8;
    padding: 18px 25px;
    margin-bottom: 25px;
    border-radius: 6px 6px 0 0;
    position: relative;
}

.header_autoridade {
    color: #2c3e50;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
}

    .header_autoridade::after {
        content: '';
        position: absolute;
        display: block;
        width: 40px;
        height: 3px;
        background-color: #ed3237;
        bottom: -15px;
        left: 0;
        border-radius: 2px;
    }


.nav-pills.brand-pills > li > a {
    border-radius: 8px;
    margin-bottom: 8px;
    background: #fff;
    border: 1px solid #eee;
    transition: all 0.3s ease;
    padding: 12px;
    text-align: center;
    color: #7f8c8d;
}

.nav-pills.brand-pills > li.active > a {
    background-color: #fdfdfd !important;
    color: #2c3e50;
    border-left: 5px solid #ed3237 !important;
    border-color: #eee;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.nav-pills.brand-pills img {
    width: 22px;
    filter: grayscale(100%);
    transition: 0.3s;
}

.nav-pills.brand-pills li.active img {
    filter: grayscale(0%);
}

.lblh {
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
    display: block;
}

/* --- GRID E CARDS --- */
.row-flex {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.col-flex-card {
    display: flex;
    padding: 0 15px;
    margin-bottom: 30px;
}

.concurso-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #eee;
}

    .concurso-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 12px 24px rgba(0,0,0,0.1);
        border-color: #ed3237;
    }

.card-image-top {
    height: 150px;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 15px;
}

    .card-image-top img {
        max-height: 100%;
        max-width: 100%;
        object-fit: contain;
    }

.badge-status-float {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.card-content-body {
    padding: 18px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.concurso-title {
    min-height: 65px;
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #2c3e50;
    text-decoration: none !important;
}

.concurso-info-footer {
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid #f0f2f5;
}

/* --- STATUS COLORS --- */
.status-novo {
    background: #e3fcef;
    color: #00875a;
}

.status-emandamento {
    background: #deebff;
    color: #0747a6;
}

.status-encerrado {
    background: #ffebe6;
    color: #de350b;
}

.status-inscricaoabertaisencaoeboleto {
    background: #fff0b3;
    color: #827011;
}

.status-inscricaoabertaisencao {
    background: #fff0b3;
    color: #827011;
}

.status-inscricaoabertaboleto {
    background: #fff0b3;
    color: #827011;
}

.status-inscricaoaberta {
    background: #e3fcef;
    color: #00875a;
}

/* --- BUSCA --- */
.search-container {
    margin-bottom: 25px;
    position: relative;
}

.search-input-asp {
    width: 100%;
    padding: 12px 20px 12px 40px !important;
    border-radius: 25px !important;
    border: 1px solid #e0e4e8 !important;
    height: 45px !important;
    outline: none;
}

.search-icon {
    position: absolute;
    left: 15px;
    top: 15px;
    color: #999;
    z-index: 10;
}

.panel-heading-updated {
    padding: 20px 0;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 25px;
}


.checkbox_cadastro {
    color: #333;
    font-family: Verdana;
    font-size: 12px;
    padding: 5px;
    margin-left: 0px;
}

    .checkbox_cadastro label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer;
        display: inline;
    }

    .checkbox_cadastro input[type=checkbox] {
        position: absolute;
        margin-top: 4px \9;
        margin-left: 0px;
    }

.checkbox_branca input[type="checkbox"] + label {
    color: white;
    font-weight: bold;
    padding-left: 20px;
    margin-bottom: 0;
    cursor: pointer;
    display: inline;
    /* Contorno preto no texto */
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}

.fileUpload2025 {
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    color: #444;
    border: 2px solid #378459;
    border-radius: 12px;
    padding: 6px;
    background-color: #f9f9f9;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%; /* largura fixa */
    box-sizing: border-box; /* inclui padding e borda na largura */
}

    .fileUpload2025::file-selector-button {
        background: linear-gradient(135deg, #378459, #2c6d49);
        color: white;
        font-weight: 400;
        padding: 8px 16px;
        margin-right: 12px;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.3s ease;
        width: auto; /* botão se ajusta ao conteúdo */
    }

        .fileUpload2025::file-selector-button:hover {
            background: linear-gradient(135deg, #2c6d49, #25603d);
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        }

        .fileUpload2025::file-selector-button:active {
            transform: translateY(0);
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }


/* Botão Anexar com o mesmo estilo */
.botao2025 {
    background: linear-gradient(135deg, #378459, #2c6d49);
    color: white;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 18px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.15);
}

    .botao2025:hover {
        background: linear-gradient(135deg, #2c6d49, #25603d);
        transform: translateY(-2px);
        box-shadow: 0 6px 10px rgba(0,0,0,0.2);
    }

    .botao2025:active {
        transform: translateY(0);
        box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    }

.checkbox_cadastro_branco {
    color: #f7f7f7;
    font-family: Verdana;
    font-size: 12px;
    padding: 5px;
    margin-left: 0px;
}

    .checkbox_cadastro_branco label {
        min-height: 20px;
        color: #f7f7f7;
        font-weight: bold;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer;
        display: inline;
    }

    .checkbox_cadastro_branco input[type=checkbox] {
        position: absolute;
        margin-top: 4px \9;
        color: #f7f7f7;
        margin-left: 0px;
    }

.checkboxDeclaracao {
    color: #333;
    font-family: Verdana;
    font-size: 12px;
    padding: 5px;
    margin-left: 0px;
    text-align: justify;
}

    .checkboxDeclaracao label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer;
        display: inline;
        text-align: justify;
    }

    .checkboxDeclaracao input[type=checkbox] {
        position: absolute;
        margin-top: 4px \9;
        margin-left: 0px;
        text-align: justify;
    }

.checkbox_status {
    color: #333;
    font-family: Verdana;
    font-size: 12px;
    padding: 5px;
    margin-left: 0px;
}

    .checkbox_status label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer
    }

    .checkbox_status input[type=checkbox] {
        position: absolute;
        margin-top: 4px \9;
        margin-left: 0px
    }

.textbox_senha {
    border: 1px solid #262626;
    color: #333;
    font-family: Verdana;
    font-size: 11px;
    padding: 5px 0;
}

.textbox_email {
    border: 1px solid #262626;
    font-family: "Montserrat";
    font-size: 11px;
    border-radius: 2px;
    padding: 5px;
    text-transform: lowercase;
}

.label {
    font-family: "Montserrat";
    font-size: 14px;
    line-height: 120%;
    color: #000;
    margin-right: 10px;
}

.label_capacitacao {
    font-family: Verdana;
    font-size: 14px;
    margin-left: 0px;
    margin-right: 5px;
    line-height: 120%;
}

.label_titulo_mensagem_candidato {
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    margin-left: 0px;
    line-height: 120%;
}

.label_mensagem_candidato {
    font-family: Verdana;
    font-size: 11px;
    margin-left: 0px;
    line-height: 120%;
}

.label_text {
    font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
    margin-left: 0px;
    line-height: 100%;
}

.label_titulo {
    font-family: Verdana;
    font-size: 17px;
    font-weight: bold;
    margin-left: 0px;
    line-height: 100%;
}

.label_recurso {
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    margin-left: 0px;
    line-height: 100%;
}

.label_alerta {
    font-family: "Poppins";
    font-size: 13px;
    margin-left: 0px;
    color: #FF0000;
    line-height: 100%;
}

.label_alerta_home {
    font-family: Verdana;
    font-size: 19px;
    margin-left: 0px;
    color: #FF0000;
    line-height: 188%;
}

.label_saudacao {
    font-family: Verdana;
    font-size: 12px;
    margin-left: 0px;
    font-weight: bold;
    color: #333;
    line-height: 100%;
}

.label_inscricao {
    font-family: Verdana;
    font-size: 11px;
    margin-left: 0px;
    font-weight: normal;
    line-height: 100%;
}

.label_legenda {
    font-family: Verdana;
    font-size: 10px;
    margin-left: 0px;
    font-weight: normal;
    line-height: 100%;
    color: Black;
}

.label_duvida {
    font-family: Verdana;
    font-size: 14px;
    margin-left: 0px;
    font-weight: bold;
    line-height: 100%;
}

.label_explicacao {
    font-family: Verdana;
    font-size: 12px;
    margin-left: 0px;
    line-height: 100%;
}

.label_status_recurso {
    font-family: Verdana;
    font-size: 14px;
    margin-left: 0px;
    line-height: 100%;
    font-weight: bold;
    color: #FF0000;
}

.label_resposta {
    font-family: Verdana;
    font-size: 12px;
    margin-left: 0px;
    line-height: 100%;
}

.nome_usuario {
    font-family: "Poppins";
    font-size: 14px;
}

.dropdown-def {
    border: 1px solid #262626;
    color: #333;
    font-family: "Verdana";
    font-size: 11px;
    padding: 5px;
    border-radius: 2px;
    top: 0px;
    left: 0px;
    width: 92px;
    max-width: 600px;
    min-width: 140px;
    height: 26px;
}

.dropdown {
    border: 1px solid #262626;
    color: #333;
    font-family: "Verdana";
    font-size: 11px;
    padding: 5px;
    border-radius: 2px;
    top: 0px;
    width: 715px;
    max-width: 950px;
    /*min-width:650px;*/
    height: 26px;
    left: 0px;
}

.checkboxl {
    padding-left: 1px;
    font-family: "Poppins";
}

.listbox {
    border: 1px solid #262626;
    color: #333;
    font-family: Verdana;
    font-size: 11px;
    padding: 5px;
}

.radiobutton {
    font-family: Verdana;
    font-size: 12px;
    color: black;
    text-align: left;
    background-color: #FFFFFF;
}

    .radiobutton label {
        font-family: Verdana;
        font-weight: normal;
        display: inline;
        margin-right: 10px;
    }

    .radiobutton input[type="radio"] {
        margin-right: 5px;
    }

.radiobuttonIsencao {
    font-family: Verdana;
    font-size: 14px;
    color: black;
    text-align: left;
    background-color: #FFFFFF;
}

    .radiobuttonIsencao label {
        font-family: Verdana;
        font-weight: normal;
        display: inline;
    }

ul.radiobutton {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.radiobutton.horizontal li {
        display: inline;
    }

.radiobuttonInscricao {
    font-family: "Poppins";
    font-size: 13px !important;
    color: #666;
    text-align: left;
    padding: 10px;
    background-color: #FFFFFF;
}

    .radiobuttonInscricao label {
        margin-left: 5px;
        /*margin-top: 1px;*/
        display: inline;
    }

#divRadioButtonList {
    border: 1px solid #ccc;
    width: 936px;
    overflow-y: scroll;
}

.botao, .botao_candidato, .link_aba {
    background-color: #fafafa;
    border: 1px solid #046c91;
    color: #555;
    cursor: pointer;
    padding: 0 15px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
}

.link_aba {
    text-align: center !important;
}

.botao:hover, .botao_candidato:hover {
    background-color: #808080;
    border: 1px solid #999999;
    color: #fff;
}

.link_aba:hover {
    background-color: #046c91;
    border: 1px solid #046c91;
    color: #eee !important;
}

.link_botao {
    background-color: #fafafa;
    font-family: "Poppins";
    border: 1px solid #046c91;
    color: #555;
    cursor: pointer;
    margin: 0 0 10px;
    padding: 0 2px;
    text-align: center;
}

    .link_botao:hover {
        background-color: #808080;
        border: 1px solid #999999;
        color: #fff;
        text-decoration: none;
    }

.td_titulo_formulario {
    background-color: #046c91;
    border-bottom: 2px solid #fff;
    color: #fff;
    font-size: 16px;
    height: 30px;
    line-height: 15px;
    margin: 0 0 20px;
    padding: 0 15px;
}

.td_subtitulo {
    background-color: #046c91;
    border-bottom: 2px solid #fff;
    color: #fff;
    font-size: 16px;
    height: 30px;
    line-height: 15px;
    margin: 0 0 20px;
    padding: 0 15px;
}

.td_titulo_formulario_candidato {
    padding-left: 10px;
}

.td_subtitulo_formulario {
    padding-left: 0px;
}

#divProcessando {
    background: url(../imagens/aguarde.gif) no-repeat center;
    position: absolute;
    z-index: 999999999;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    cursor: wait;
    position: fixed;
}

#boas_vindas_usuario {
    padding-left: 10px;
    top: 10px;
    background-color: #FFFFFF;
}

#tempoSessao {
    padding-left: 10px;
    padding-top: 10px;
    top: 10px;
}

.fieldset_l_dashboard {
    border: 1px solid #046c91;
    color: #262626;
    float: left;
    margin: 0 0 5px 5px;
    padding: 0;
    width: 48%;
}

.fieldset_telainteira_dashboard {
    border: 1px solid #046c91;
    color: #262626;
    float: left;
    margin: 0 0 5px 5px;
    padding: 0;
    width: 800px;
}

.fieldset_telafull_dashboard {
    border: 1px solid #046c91;
    color: #262626;
    float: left;
    margin: 0 0 5px 5px;
    padding: 0;
    width: 95%;
}

.fileUpload {
    border: 1px solid black;
    font-weight: bold;
    font-size: 10px;
    font-family: verdana;
}


#noticia_home {
    background-color: #c1d4da;
    color: #666;
    float: right;
    height: auto;
    margin: 0 0 30px 20;
    padding: 0 0 30px;
    width: 302px;
    left: 30px;
}

.linkInformacao a {
    text-decoration: none !important;
    color: Red !important;
}

span#comunicado_nome_processo {
    font-size: 27px;
    font-family: "Pathway Gothic One";
    padding: 4px 0;
}

.comunicado_status {
    font-family: "Pathway Gothic One";
}

.comunicado_titulo {
    font-weight: bold;
    font-size: 18px;
    font-family: "Pathway Gothic One";
}

.comunicado_data {
    font-family: "Pathway Gothic One";
}

#divInscricoes {
    border: 1px solid #ccc;
    width: 570px;
    height: 150px;
    overflow-y: scroll;
}

    #divInscricoes label {
        font-size: 12px;
        font-weight: normal;
    }

#divDisciplinas {
    border: 1px solid #ccc;
    width: 700px;
    height: 70px;
    overflow-y: scroll;
}

    #divDisciplinas label {
        font-size: 12px;
        font-weight: normal;
    }

#divEtapas {
    border: 1px solid #ccc;
    width: 700px;
    height: 70px;
    overflow-y: scroll;
}

    #divEtapas label {
        font-size: 12px;
        font-weight: normal;
    }

#divTiposRecurso {
    border: 1px solid #ccc;
    width: 700px;
    height: 70px;
    overflow-y: scroll;
}

    #divTiposRecurso label {
        font-size: 12px;
        font-weight: normal;
    }

#divRecursos {
    border: 1px solid #ccc;
    width: 900px;
    height: 800px;
    overflow-y: scroll;
}

#divCargoBanca {
    border: 1px solid #ccc;
    width: 700px;
    height: 150px;
    overflow-y: scroll;
}

    #divCargoBanca label {
        font-size: 12px;
        font-weight: normal;
    }

#divProcessoBanca {
    border: 1px solid #ccc;
    width: 700px;
    height: 150px;
    overflow-y: scroll;
}

    #divProcessoBanca label {
        font-size: 12px;
        font-weight: normal;
    }

.divCargo {
    border: 1px solid #ccc;
    width: 745px;
    height: 120px;
    overflow-y: scroll;
}

    .divCargo label {
        font-size: 12px;
        font-weight: normal;
    }

.divCargoTitulos {
    border: 1px solid #ccc;
    width: 845px;
    height: 300px;
    overflow-y: scroll;
}

    .divCargoTitulos label {
        font-size: 12px;
        font-weight: normal;
    }

.divCamposRelatorio {
    border: 1px solid #ccc;
    width: 745px;
    height: 120px;
    overflow-y: scroll;
}

    .divCamposRelatorio label {
        font-size: 12px;
        font-weight: normal;
    }

#divVagas {
    border: 1px solid #ccc;
    width: 870px;
    height: 350px;
    overflow-y: scroll;
}

    #divVagas label {
        font-size: 12px;
        font-weight: normal;
    }

.CheckboxList label {
    font-size: 12px;
    font-weight: normal;
    display: inline;
}

#divCargoGabarito {
    border: 1px solid #ccc;
    width: 820px;
    height: 120px;
    overflow-y: scroll;
}

    #divCargoGabarito label {
        font-size: 12px;
        font-weight: normal;
    }

#divSala {
    border: 1px solid #ccc;
    width: 870px;
    height: 420px;
    overflow-y: scroll;
}

    #divSala label {
        font-size: 12px;
        font-weight: normal;
    }

.classic {
    padding: 0.8em 1em;
    background: #FFFFAA;
    border: 1px solid #FFAD33;
}

.tooltip1 {
    color: #000000;
    outline: none;
    cursor: help;
    text-decoration: none;
    position: absolute;
}

    .tooltip1 span {
        margin-left: -999em;
        position: absolute;
    }

    .tooltip1:hover span {
        border-radius: 5px 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
        font-family: Calibri, Tahoma, Geneva, sans-serif;
        position: absolute;
        right: 1em;
        top: 2em;
        z-index: 99;
        margin-left: 0;
        width: 300px;
    }

    .tooltip1:hover em {
        font-family: Candara, Tahoma, Geneva, sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        display: block;
        padding: 0.2em 0 0.6em 0;
    }

/*css global tabela*/
.full_table_list {
    width: 200px;
    border-collapse: collapse;
}

    /*colocando bordas nas linhas*/
    .full_table_list tr {
        color: black;
    }

        /*Definido cor das linhas pares*/
        .full_table_list tr:nth-child(even) {
            background: #FFF
        }

        /*Definindo cor das Linhas impáres*/
        .full_table_list tr:nth-child(odd) {
            background: #F0F0F0;
        }

.label_Area {
    color: #0000FF;
    font-family: "Pathway Gothic One";
    font-size: 16px;
}

.label_nomesocial_descricao {
    color: #000000;
    font-family: "Pathway Gothic One";
    font-size: 14px;
}

#divNotaConferencia {
    border: 1px solid #ccc;
    width: 720px;
    height: 120px;
    overflow-y: scroll;
}

    #divNotaConferencia label {
        font-size: 12px;
        font-weight: normal;
        color: #000000;
    }


.link-redacao {
    font-size: 14px;
    color: #1a73e8; /* azul Google */
    text-decoration: none; /* remove sublinhado padrão */
}

    .link-redacao:hover {
        text-decoration: underline;
        color: #1558b0; /* azul mais escuro no hover */
    }

    .link-redacao::before {
        content: "📄 ";
        font-size: 14px;
    }
.botao2025 {
    background: linear-gradient(135deg, #378459, #2c6d49);
    color: white;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 18px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.15);
}

    .botao2025:hover {
        background: linear-gradient(135deg, #2c6d49, #25603d);
        transform: translateY(-2px);
        box-shadow: 0 6px 10px rgba(0,0,0,0.2);
    }

    .botao2025:active {
        transform: translateY(0);
        box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    }

.card-2026 {
    width: 100%;
    padding: 40px;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.titulo_serio {
    display: block;
    width: 100%;
    background-color: #374151;
    color: #f8fafc;
    font-size: 16px;
    font-weight: 700;
    padding: 14px 20px;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-sizing: border-box;
    margin: 25px 0 15px 0;
}

.section-box {
    margin-bottom: 25px;
}

.form-group {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.painel-requisito {
    background-color: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 25px;
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.upload-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    width: 100%;
}

.fileUpload2025 {
    flex: 1;
    font-family: 'Montserrat';
    font-size: 13px;
    color: #4b5563;
    border: 1px solid #d1d5db;
    padding: 10px;
    border-radius: 6px;
    background: #fff;
    box-sizing: border-box;
    min-width: 250px;
}

.botao2025 {
    background-color: #374151;
    color: #fff;
    padding: 12px 28px;
    border-radius: 6px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: 0.3s ease;
    font-size: 12px;
    white-space: nowrap;
}

    .botao2025:hover {
        background-color: #111827;
        transform: translateY(-1px);
    }

.dropdown2025, .form-control {
    width: 100%;
    padding: 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-family: 'Montserrat';
    font-size: 14px;
    box-sizing: border-box;
    background-color: #fff;
}


.radio-modern {
    display: flex !important; /* Força os itens a se comportarem como blocos flexíveis */
    gap: 10px;
    border: none !important;
    margin-top: 5px;
    align-items: center;
}

    /* Ajuste para quando o ASP.NET renderiza como Flow (Span) */
    .radio-modern span {
        display: flex;
        align-items: center;
        margin-right: 10px;
    }

    .radio-modern input[type="radio"] {
        accent-color: #374151;
        transform: scale(1.2);
        cursor: pointer;
        margin: 0;
    }

    .radio-modern label {
        cursor: pointer;
        font-weight: 500;
        font-size: 14px;
        color: #374151;
        margin-left: 8px; /* Espaço entre a bolinha e o texto */
        white-space: nowrap;
    }

.checkbox_cadastro {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
}

    .checkbox_cadastro input {
        accent-color: #374151;
        transform: scale(1.2);
        margin-top: 4px;
    }

    .checkbox_cadastro label {
        margin-left: 12px;
        font-size: 14px;
        color: #4b5563;
        cursor: pointer;
        text-align: justify
    }

.label_alerta {
    display: block;
    color: #dc2626;
    font-weight: 600;
    margin-top: 8px;
    font-size: 13px;
}

.grid2025 {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
}

.grid_header2025 {
    background: #374151;
    color: #fff;
    padding: 15px;
    text-align: left;
    font-size: 12px;
    text-transform: uppercase;
}

.grid_cell {
    padding: 12px !important;
}

@media (max-width: 768px) {
    .card-2026 {
        padding: 20px;
        margin: 10px;
    }

    .upload-row {
        flex-direction: column;
        align-items: stretch;
    }

    .botao2025 {
        width: 100%;
    }
}