/* Ocultar a tela para celulares */
@media (min-width: 768px) {
    .tela-mobile {
        display: none;
    }
}

/* Ocultar o formulário de desktop em telas menores que MD (médio) */
@media (max-width: 767px) {
    .table-container {
        display: none;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
h7,
h11 {
    font-family: Oswald;
}
h11 {
    color: red;
}
h15 {
    font-family: Oswald;
    font-size: 11px;
    line-height: 1.5;
}
h12 {
    font-family: Oswald;
    font-size: 14px;
    line-height: 1.5;
}

h13 {
    font-family: Oswald;
    font-size: 16px;
    line-height: 1.5;
}
h14 {
    font-family: Oswald;
    font-size: 18px;
    line-height: 1.5;
}
h10 {
    font-family: Oswald;
    font-size: 15px;
    line-height: 1.5;
}
h9 {
    font-family: Oswald;
    font-size: 11px;
    line-height: 1.5;
}
.font-pop {
    font-family: Oswald;
    font-size: 15px;
    line-height: 1.5;
}
.obs_rel {
    font-family: Oswald;
    font-size: 9px;
    line-height: 1.5;
}
.observacoes_rel {
    height: 800px;
    width: 715px;
}
.legenda-pequena {
    font-family: Oswald;
    font-size: 11px;
    color: black;
}
.alinhar-filtro {
    display: flex;
    align-items: center;
}
.input-filtro {
    border: 1px solid #c4c1c4;
    border-radius: 4px;
    height: 25px;
    font-family: Oswald;
    font-size: 16px;
    color: #817f81;
    flex: 1;
    width: 300px;
}
.campo-obrigatorio {
    color: white;
    font-family: Oswald;
    font-size: 14px;
}
.campo-obrigatorio-escuro {
    color: rgb(102, 96, 96);
    font-family: Oswald;
    font-size: 16px;
}
.selectcontrato {
    font-family: Oswald;
    font-size: 18px;
    color: #817f81;
}
.h12especial {
    font-family: Oswald;
    font-size: 14px;
    color: #817f81;
}
.cab-especial {
    font-family: Oswald;
    font-size: 18px;
    color: #817f81;
}

.avisopequeno {
    color: rgb(231, 62, 70);
    font-size: 10px;
    font-family: Oswald;
}
.avisopequenoCinza {
    color: rgb(95, 93, 93);
    font-size: 12px;
    font-family: Oswald;
}
.avisopequenoVermelho {
    color: rgb(231, 62, 70);
    font-size: 13px;
    font-family: Oswald;
}
.letraPequenaTabela {
    color: rgb(95, 93, 93);
    font-family: Oswald;
    font-size: 12px;
    line-height: 1.5;
}
.letraPequenaTabelaLinha {
    color: rgb(85, 84, 84);
    font-family: Oswald;
    font-size: 13px;
    line-height: 1.5;
}

.tabelalinhaPequena {
    color: rgb(85, 84, 84);
    font-family: Oswald;
    font-size: 15px;
    line-height: 1.5;
    padding: 1px;
}
.tabelalinhaPequena12 {
    color: rgb(85, 84, 84);
    font-family: Oswald;
    font-size: 12px;
    line-height: 1.5;
    padding: 1px;
}

.letraPequena {
    font-size: 13px;
}
.letraPequenaMinima {
    font-size: 10px;
    font-family: Oswald;
}
.letraCabecalhoPequeno {
    font-size: 16px;
}

.h7especial {
    font-family: Oswald;
    font-size: 16px;
    color: #817f81;
}
.h7Menor {
    font-family: Oswald;
    font-size: 15px;
    color: #4d4d4d;
}
.inputTexto {
    font-family: Oswald;
    font-size: 18px;
    color: #817f81;
}
.inputTextoDeclaracao {
    font-family: Oswald;
    font-size: 18px;
    line-height: 1.5;
    color: #817f81;
}
.inputTextoFormularioBurnout {
    font-family: Oswald;
    font-size: 16px;
    margin-left: 10px;
}
.inputTextoFormulario {
    font-family: Oswald;
    font-size: 16px;
    margin-left: 10px;
}
.inputTextoFormulario-impressao {
    font-family: Oswald;
    font-size: 11px;
    margin-left: 5px;
}

.inputTextoRelatorio-impressao {
    font-family: Oswald;
    font-size: 11px;
    margin-left: 5px;
    line-height: 1.5;
}
.divFormularioBurnout {
    border: 1px solid #cac9ca;
    width: 50px;
    color: #030303;
    margin-right: 10px;
    margin-bottom: 3px;
}

.inputTextoNormal {
    font-family: Oswald;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
}
.inputTextoPesquisa {
    font-family: Oswald;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
}
.inputTextoAviso {
    font-family: Oswald;
    font-size: 16px;
    color: #8cc73f;
}

.inputTextoPequeno {
    font-family: Oswald;
    font-size: 15px;
    color: #616161;
}
.inputTextoPequenoMenor {
    font-family: Oswald;
    font-size: 15px !important;
    color: #616161;
    height: 30px !important; /* altura total */
    padding-top: 2px !important; /* menos espaço interno */
    padding-bottom: 2px !important;
    line-height: 1 !important;
}
.inputTextoGrande {
    font-family: Oswald;
    font-size: 20px;
    color: #535353;
}
.inputEspecial {
    border: 1px solid #c4c1c4;
    border-radius: 4px;
    padding: 1px;
    font-family: Oswald;
    font-size: 16px;
    color: #817f81;
    margin-bottom: 1px;
}
.caixaBox {
    border: 1px solid #c4c1c4;
    border-radius: 4px;
    font-family: Oswald;
    font-size: 16px;
    color: #817f81;
}

#aceita {
    display: none;
}
#blocoDataAceita {
    display: none;
}
.observacaoCNPJ {
    padding: 10px;
}
.branco {
    color: #fff;
    font-family: Oswald;
    font-size: 20px;
}
.verde-iqg {
    color: #8cc73f;
}
.h6azul {
    color: #00486b;
}
.h1menor {
    color: red;
    font-size: 14px;
}
.h6escuro {
    color: rgb(97, 95, 95);
}
.espacado {
    line-height: 1.5;
}
.style11 {
    height: 6px;
    background: url("../img/hr-imagem.png") repeat-x 0 0;
    border: 0;
}
.barra {
    border: 0;
    box-shadow: 5px 5px 7px #585758;
    background: #9e9a9e;
    padding: 5px;
    /* margin: 20px; */
}
.barraFina {
    border: 0;
    box-shadow: 2px 2px 4px #585758;
    background: #9e9a9e;
    padding: 2px;
    /* margin: 20px; */
}
.barraDivisao {
    width: 99.9%;
    border: 0;
    box-shadow: 2px 2px 2px #585758;
    background: #9e9a9e;
    padding: 2px;
    margin-right: 20px;
}

.fundobox {
    background-color: #c5c4c4;
    height: 40px;
    opacity: 0.5;
}
.centralizar {
    text-align: center;
    vertical-align: middle;
}
.alerta-financeiro {
    color: rgb(231, 84, 84);
}
.alerta-agendamento {
    color: rgb(231, 142, 8);
}
.alerta-info {
    color: rgb(8, 224, 231);
}
.alerta-teclog {
    color: #ffc107;
}
.alerta-avaliacao {
    color: rgb(13, 143, 99);
}
.alerta-aprovado {
    color: #004a6e;
}
.aprovado {
    color: rgb(13, 143, 99);
}
.cinzescuro {
    color: rgb(80, 79, 79);
}
.cinzaclaro {
    color: rgb(163, 163, 163);
}

.rosa {
    color: #fd15f5;
}

body {
    background-color: #ffffff;

    color: #000000;
    line-height: 0.8;
    margin: 0;
    padding: 0;
}
.corTitulo {
    color: #5a5a5a;
}
.item {
    font-family: Oswald;
    color: #6c757d;
    font-size: 17px;
}
.item-tab {
    font-family: Oswald;
    color: #6c757d;
    font-size: 17px;
    margin-left: 20px;
}
label {
    font-family: "Roboto Condensed";
}
.label_declaracao {
    font-family: Oswald;
    font-size: 17px;
    color: #83898f;
    line-height: 1.2;
}
label .caixa {
    font-family: "Roboto";
}
select,
input,
nav {
    font-family: Roboto;
}
.campoEspecial {
    font-family: Oswald;
    color: #454b50;
    font-size: 17px;
}
.campoEspecialMenor {
    font-family: Oswald;
    color: #454b50;
    font-size: 15px;
}

.campoSelectPequeno {
    font-family: Oswald;
    color: #a38296;
    font-size: 12px;
}

.btn-iqg-verde-escuro {
    color: white;
    background-color: #556b2f;
}
.btn-iqg-verde-escuro:hover {
    color: white;
    background-color: #6b8e23;
}

.btn-iqg-preto {
    color: white;
    background-color: #0e0d0d;
}
.btn-iqg-preto:hover {
    color: white;
    background-color: #4d4c4c;
}

.btn-iqg-marrom {
    color: white;
    background-color: #8b4513;
}
.btn-iqg-marrom:hover {
    color: white;
    background-color: #a0522d;
}

.btn-iqg-vermelho {
    color: white;
    background-color: #f11111;
}
.btn-iqg-vermelho:hover {
    color: white;
    background-color: #ad0505;
}

.btn-iqg-laranja {
    color: white;
    background-color: #ff7f50;
}
.btn-iqg-laranja:hover {
    color: white;
    background-color: #db5829;
}
.btn-iqg-azul {
    color: white;
    background-color: #004a6e;
}
.btn-iqg-azul:hover {
    color: white;
    background-color: #046fa5;
}
.btn-iqg-verde {
    color: white;
    background-color: #8cc73f;
}
.btn-iqg-verde:hover {
    color: white;
    background-color: #447701;
    border-color: #325701;
}

.btn-iqg-verdeAvancar {
    color: white;
    background-color: #8cc73f;
    border-color: #89df1a;
}
.btn-iqg-verdeAvancar:hover {
    font-size: 20px;
    color: white;
}

.btn-iqg-amarelo {
    color: white;
    background-color: #ffc107;
}
.btn-iqg-amarelo:hover {
    color: white;
    background-color: #f3cb52;
    border-color: #f3c436;
}
.btn-iqg-pink {
    color: white;
    background-color: #fa58f4;
    border-color: #f534ee;
}
.btn-iqg-pink:hover {
    color: white;
    background-color: #fd15f5;
}

.btn-iqg-menu {
    background-color: #f8f9fa;
}

#ambulatorio {
    display: none;
}
#botaoConcluir {
    display: none;
}
#aguarde {
    display: none;
}
#tabela {
    display: none;
}
.cabecalho-texto {
    display: flex;
    align-items: center;
}
.nav-bar {
    display: flex;
    justify-content: space-between;
}
.nav-list {
    display: flex;
    align-items: center;
}
.nav-list ul {
    display: flex;
    justify-content: center;
    list-style: none;
}
.nav-item {
    margin: 0 20px;
}
.nav-link {
    text-decoration: none;
    font-size: 20px;
    color: #ffffff;
    font-weight: 400;
}

.fundo-azul-amarelo {
    color: white;
    background-color: #ffc107;
}
.fundo-azul-iqg {
    color: white;
    background-color: #004a6e;
}
.texto-iqg-azul {
    color: #004a6e;
}
.fundo-verde-iqg {
    color: white;
    background-color: #8cc73f;
}
.fundo-cinza-iqg {
    color: white;
    background-color: darkgrey;
}
.fundo-cinza-claro {
    color: white;
    background-color: rgb(216, 210, 210);
}
p {
    line-height: 1.5;
}
.centro {
    width: 50%;
    background-color: rgb(207, 183, 75);
    border: 1px solid rgb(222, 226, 169);
    border-radius: 6px;
    position: absolute;
    left: 50%;
    opacity: 1;
}
.info {
    border: none;
    background-color: #f8f9fa;
}
.info_b {
    border: none;
    background-color: #ffffff;
}
.info-azul {
    border: none;
    background-color: #00486b;
    color: #00486b;
}

.nav-bar-iqg-azul {
    background-color: #004a6e;
}
.bg-iqg-azul {
    background-color: #004a6e !important;
}
.cabecalho-menu {
    margin-left: 12px;
    color: white;
}

td {
    font-family: Oswald;
    color: #585a5c;
    font-size: 15px;
    line-height: 1.5;
}
.td-maior {
    font-family: Oswald;
    color: #585a5c;
    font-size: 17px;
    line-height: 1.5;
}
.td-menor {
    font-family: Oswald;
    color: #585a5c;
    font-size: 14px;
    line-height: 1.5;
}

.tdcalendario {
    font-family: Oswald;
    color: #585a5c;
    font-size: 13px;
}
li {
    line-height: 1.5;
}

ul.navbar-nav li {
    font-family: Oswald;
    color: #7b8288;
    font-size: 17px;
    line-height: 1.2;
    margin-left: 5px;
    list-style: none;
}
.liavaliadores {
    font-family: Oswald;
    color: #7b8288;
    font-size: 17px;
    line-height: 1.2;
    list-style: none;
}
.inputAvaliadores {
    margin-right: 10px;
}
.preto {
    color: black;
}
.vermelho {
    color: red;
}
.verde {
    color: rgb(7, 172, 7);
}
.lilas {
    color: #836fff;
}
.dataTables_wrapper {
    font-family: Oswald;
    font-size: 13px;
}
.popover-body {
    font-family: "Roboto";
    background-color: #fffefb;
}
.popover-header {
    background-color: #ffee22;
    text-align: center;
    font-size: 18px;
}
.popover-avaliadores .popover-header {
    color: white;
    background-color: #00486b;
    text-align: center;
    width: 540px;
}
.popover-avaliadores .popover-body {
    text-align: left;
    width: 540px;
}

.popover-insatisfacao .popover-header {
    color: white;
    background-color: #db1d1d;
    text-align: center;
    width: 540px;
}
.popover-insatisfacao .popover-body {
    text-align: left;
    width: 540px;
}

.cabecalho-tabela-centralizado {
    text-align: center;
}
.linha-tabela-centralizado {
    text-align: center;
    color: black;
}
.linha-tab-centralizado-menor {
    text-align: center;
    font-family: Oswald;
    color: #7b8288;
    font-size: 11px;
    line-height: 1.5;
}

.linha-tab-menor {
    font-family: Oswald;
    color: #7b8288;
    font-size: 11px;
    line-height: 1.5;
}
.linha-tab-menor-vermelho {
    font-family: Oswald;
    color: #ec2e20;
    font-size: 11px;
    line-height: 1.5;
}
.linha-tab-centralizado-menor-vermelho {
    text-align: center;
    font-family: Oswald;
    color: #e41111;
    font-size: 11px;
    line-height: 1.5;
}
.linha-tab-centralizado-menor-verde {
    text-align: center;
    font-family: Oswald;
    color: #298604;
    font-size: 11px;
    line-height: 1.5;
}

#datasdisponiveis {
    font-family: Oswald;
    color: #7b8288;
    font-size: 17px;
    line-height: 1.2;
}

#btnIncluirDatasSugestao {
    display: none;
}
.linhasMaisSeparadas {
    font-family: Oswald;
    color: #7b8288;
    font-size: 16px;
    line-height: 1.5;
}
.linhasSeparadasMobile {
    font-family: Oswald;
    color: #7b8288;
    font-size: 13px;
    line-height: 1.4;
}

button#botaoFormadorEnvia:disabled {
    background-color: gray;
    color: white;
}
.fundo-formulario {
    color: #f8f9fa;
}

/* input[type="checkbox"]:checked:disabled::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 11px;
    background-color: #00486b;

    vertical-align: middle;
} */
.checkdesativado:checked:disabled::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 13px;
    background-color: #0075ff;
    vertical-align: middle;
}

#processosInternos {
    display: none;
}
#processosInternosLabel {
    display: none;
}
#esconde {
    display: none;
}
.d-none {
    display: none;
}
#botao_contato:hover {
    cursor: pointer;
}

.BotaolinkTabela {
    display: inline-block;
    margin-right: 10px; /* Espaçamento entre os links */
}

.divPesquisa input[type="radio"] {
    display: none; /* Esconde os inputs */
}

.divPesquisa label {
    cursor: pointer;
}
.divPesquisa input[type="radio"] + label:before {
    border: 1px solid #5d5c5c;
    content: "\00a0";
    display: inline-block;
    font: 16px/1em sans-serif;
    height: 16px;
    margin: 0 0.25em 0 0;
    padding: 0;
    vertical-align: top;
    width: 16px;
    border-radius: 4px;
}

.divPesquisa input[type="radio"]:checked + label:before {
    background: #004a6e;
    color: #fff;
    content: "\2713";
    text-align: center;
}

.divPesquisa input[type="radio"]:checked + label:after {
    font-weight: bold;
}

.textocinza {
    font-family: Oswald;
    font-weight: 500;
    font-size: 17px;
    color: #6d6c6d;
    line-height: 1.3;
}
.labelpesquisa {
    font-family: Oswald;
    font-weight: 500;
    font-size: 17px;
    color: #6d6c6d;
}
.checkbox {
    display: inline-block;
    vertical-align: middle;
}
.checkbox input {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.checkbox label {
    position: relative;
    padding-left: 2.2em;
    padding-top: 0.5em;
    display: inline-block;
}
.checkbox label::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 1.5em;
    width: 1.5em;
    background: #fff;
    margin-right: 0.5em;
    border: 1px solid #999;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}
.checkbox label::after {
    content: "\2713";
    position: absolute;
    top: 50%;
    left: 0.75em;
    transform: translate(-50%, -50%);
    font-size: 1em;
    color: #fff;
    opacity: 0;
    transition: all 0.2s ease;
}
.checkbox label:focus::before,
.checkbox label:hover::before {
    background: #ddd;
}
.checkbox input:checked + label::before {
    background: #fbc93e;
    border-color: #fbc93e;
}
.checkbox input:checked + label::after {
    opacity: 1;
}
/*---------------------------------------------*/
.checkbox-menor {
    display: inline-block;
    vertical-align: middle;
}
.checkbox-menor input {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.checkbox-menor label {
    position: relative;
    padding-left: 1.4em;
    padding-top: 0.2em;
    display: inline-block;
}
.checkbox-menor label::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 1.1em;
    width: 1.1em;
    background: #fff;
    margin-right: 0.5em;
    border: 1px solid #999;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
    position: absolute;
    top: 55%;
    left: 0;
    transform: translate(0, -50%);
}
.checkbox-menor label::after {
    content: "\2713";
    position: absolute;
    top: 52%;
    left: 0.55em;
    transform: translate(-50%, -50%);
    font-size: 1em;
    color: #fff;
    opacity: 0;
    transition: all 0.2s ease;
}
.checkbox-menor label:focus::before,
.checkbox-menor label:hover::before {
    background: #ddd;
}
.checkbox-menor input:checked + label::before {
    /* background: #fbc93e;
    border-color: #fbc93e; */

    background: #004a6e;
    border-color: #004a6e;
}
.checkbox-menor input:checked + label::after {
    opacity: 1;
}

#descricaoOutros {
    display: none;
}
#descricaoOutrosCriterio {
    display: none;
}
#descricaoOutrosAvaliacao {
    display: none;
}
#descricaoParticipacaoEventos {
    display: none;
}
#descricaoProducaoCientifica {
    display: none;
}
#descricaoInterdisciplinaridadeOutros {
    display: none;
}
#descricaoEquipeMmultiprofissionalOutros {
    display: none;
}
#descricaoAtividadesCcomplementaresOutros {
    display: none;
}
.checkbox-azul {
    display: inline-block;
    vertical-align: middle;
}
.checkbox-azul input {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.checkbox-azul label {
    position: relative;
    padding-left: 2em;
    padding-top: 0.5em;
    display: inline-block;
}
.checkbox-azul label::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 1.5em;
    width: 1.5em;
    background: #fff;
    margin-right: 0.5em;
    border: 1px solid #999;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}
.checkbox-azul label::after {
    content: "\2713";
    position: absolute;
    top: 50%;
    left: 0.75em;
    transform: translate(-50%, -50%);
    font-size: 1em;
    color: #fff;
    opacity: 0;
    transition: all 0.2s ease;
}
.checkbox-azul label:focus::before,
.checkbox-azul label:hover::before {
    background: #ddd;
}
.checkbox-azul input:checked + label::before {
    background: #004a6e;
    border-color: #004a6e;
}
.checkbox-azul input:checked + label::after {
    opacity: 1;
}

.checkbox-azul input:disabled + label::before {
    background: #e9e7e8;
    border-color: #e9e7e8;
}

.checkbox-verde {
    display: inline-block;
    vertical-align: middle;
}
.checkbox-verde input {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.checkbox-verde label {
    position: relative;
    padding-left: 2em;
    padding-top: 0.5em;
    display: inline-block;
}
.checkbox-verde label::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 1.5em;
    width: 1.5em;
    background: #fff;
    margin-right: 0.5em;
    border: 1px solid #999;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}
.checkbox-verde label::after {
    content: "\2713";
    position: absolute;
    top: 50%;
    left: 0.75em;
    transform: translate(-50%, -50%);
    font-size: 1em;
    color: #fff;
    opacity: 0;
    transition: all 0.2s ease;
}
.checkbox-verde label:focus::before,
.checkbox-verde label:hover::before {
    background: #ddd;
}
.checkbox-verde input:checked + label::before {
    background: #8cc73f;
    border-color: #8cc73f;
}
.checkbox-verde input:checked + label::after {
    opacity: 1;
}

.checkbox-verde input:disabled + label::before {
    background: #e9e7e8;
    border-color: #e9e7e8;
}

.table-container-cabeca {
    width: 1210px;
    height: 90px;
    overflow: auto;
    /* border: 1px solid #ccc; */
}
.table-container {
    width: 1250px;
    height: 700px;
    overflow: auto;
    /* border: 1px solid #ccc; */
}

.table-rolagem {
    width: 100%;
    border-collapse: collapse;
}

.th-rolagem,
.td-rolagem {
    padding: 8px;
    border: 1px solid #ccc;
}

.th-rolagem {
    position: sticky;
    top: 0;
    background-color: #f2f2f2;
}
.invisivel {
    color: white;
}
.th-divisor {
    padding: 8px;
    border: 1px solid #ccc;
    background-color: #f2f2f2;
}

.pagina1 {
    background-color: #0ba6f3;
}
.pagina2 {
    background-color: #e0f008;
}
.pagina3 {
    background-color: #f00d51;
}
.pagina4 {
    background-color: #589608;
}
.pagina5 {
    background-color: #3d3f41;
}
.interface {
    height: 100vh;
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
}
section {
    scroll-snap-align: start;
    position: sticky;
    top: 0;
    left: 0;
    color: #fff;
    height: 100vh;
}
.section-face {
    width: 500px;
    margin-left: 50px;
}
.face {
    perspective: 2500px;
}
.front,
.back {
    position: absolute;
    width: 100vh;
    height: 50vh;
    border-color: #d8dce0;
    border-radius: 10px;
    transition: 700ms;
}
.front {
    background-color: #046fa5;
    z-index: 1;
}
.back {
    background: #8cc73f;
    transform: rotateY(-180deg);
    backface-visibility: hidden;
}
.face:hover .front {
    transform: rotateY(180deg);
    z-index: 0;
}
.face:hover .back {
    transform: rotateY(0deg);
    z-index: 1;
}
.imprimir-codigo {
    display: none;
}
.btn-custom {
    width: 150px; /* Defina a largura desejada para todos os botões */
    height: 40px; /* Defina a altura desejada para todos os botões */
    /* Adicione outras propriedades de dimensionamento, se necessário */
}

.dicaImagem {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.dicaImagem2 {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.dicaImagem:hover::after {
    content: attr(data-dicaImagem);
    font-size: 13px !important;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 7px 10px;
    border-radius: 5px;
    bottom: 100%;
    left: 50%;
    transform: translateX(-80%);
    white-space: nowrap;
    z-index: 1;
}
.senha-div {
    margin-left: 1px; /* Adiciona um espaçamento de 1 caractere à esquerda */
}
#menu-plataforma-indicadores {
    cursor: pointer;
}
/* .modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    padding-top: 60px;
} */

/* .modal-content {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
} */

.fechamodal {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.fechamodal:hover,
.fechamodal:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* Estilos padrão para h3 */
.h3-presonalizado {
    font-size: 28px;
}
.fonte-presonalizada {
    font-size: 24px;
}
.maiusculo {
    text-transform: uppercase;
}

/* Media query para dispositivos com largura menor que 600 pixels (exemplo, dispositivos móveis) */
@media (max-width: 720px) {
    .h3-presonalizado {
        font-size: 18px;
    }
    .h5-personalizado {
        font-size: 16px;
    }
}
.li_datas_avaliadores {
    padding: 2px;
    font-family: Oswald;
    color: #7b8288;
    font-size: 13px;
    line-height: 1.5;
}

.checkbox_datas_avaliadores {
    margin-right: 10px;
}
.imagemPequena {
    width: 15px;
    height: 15px;
}
.nav-link-iqg {
    color: rgb(116, 117, 119) !important;
    font-weight: 700;
    border-color: rgb(207, 209, 212) rgb(207, 209, 212) #004a6e !important;
    border-radius: 4px 4px 0 0;
}
.nav-link-iqg.active {
    color: #004a6e !important;
    border-color: #004a6e #004a6e white !important;
    border-radius: 4px 4px 0 0;
    font-weight: 1000;
}
.nav-link-iqg:hover {
    /* border-color: #004a6e #004a6e white !important; */
    border-color: #8cc73f #8cc73f white !important;

    border-radius: 4px 4px 0 0;
}
.nav-tabs-iqg {
    border-color: #004a6e;
    background-color: rgb(250, 248, 247);
}
.nav-tabs-iqg_certificacao {
    border-color: #004a6e;
}
.link-amarelo {
    font-family: Oswald;
    color: #ffc107;
    font-size: 17px;
}

.fundo-perfil {
    /* Define o gradiente linear */
    background: linear-gradient(to right, white, #e4e2e2);
}
.fundo-azul-historico {
    background: linear-gradient(to left, #096897, #00486b);
    color: white;
}
.fundo-amarelo-historico {
    background: linear-gradient(to left, #ffc108, #fac629);
    color: white;
}
.simulaLink {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

@media (min-width: 768px) {
    .submenu-up {
        transform: translateY(-50%);
    }
}
.btn-personalizado {
    padding: 1px 5px;
    font-size: 8px;
}
.btn-personalizado2 {
    padding: 1px 5px;
    font-size: 11px;
}
.btn-personalizado3 {
    padding: 1px 5px;
    font-size: 13px;
}
.link-botao {
    cursor: pointer;
}
.cor_fundo_acorde {
    background: linear-gradient(to left, #ffffff, #eeeeff);
    /* background-color: #eeeeff; */

    color: #00486b;
}
.fundo-iqg-cinza {
    background-color: #d8d6d6;
}
.fundo-iqg-readonly {
    background-color: #e9ecef;
}
.custom-file-input {
    position: relative;
    display: inline-block;
}

.input-hidden {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
}

.label-arquivo {
    display: inline-block;
    padding: 10px 15px;
    font-size: 15px;
    font-family: Arial, sans-serif;
    cursor: pointer;
    border: 2px solid #004a6e;
    color: #004a6e;
    border-radius: 5px;
}

.label-arquivo:hover {
    background-color: #004a6e;
    color: #fff;
}
.cor-neutra {
    color: #ffffff;
}
.fundo-cinza-claro {
    background-color: #e4e2e2;
}
.confirmacao-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}
.confirmacao-container {
    width: 300px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    font-family: Oswald;
}
.confirmacao-titulo {
    font-size: 18px;
    background-color: #266d8c;
    color: white;
}
.confirmacao-botoes {
    margin-top: 20px;
}
.confirmacao-botoes button {
    margin: 0 10px;
}
.confirmacao-mensagem {
    line-height: 1.5;
}

.confirmacao-overlay-m {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}
.confirmacao-container-m {
    width: 400px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    font-family: Oswald;
    margin: auto;
}
.confirmacao-titulo-m {
    font-size: 18px;
    background-color: #266d8c;
    color: white;
}
.confirmacao-botoes-m {
    margin-top: 20px;
}
.confirmacao-botoes-m button {
    margin: 0 10px;
}
.confirmacao-mensagem-m {
    line-height: 1.5;
}

.dataTables_filter input {
    width: 300px !important; /* Ajuste conforme necessário */
    height: 30px; /* Ajuste conforme necessário */
    font-size: 16px; /* Ajuste conforme necessário */
    margin-bottom: 10px;
}
.marca-dagua {
    position: fixed; /* fica preso na tela mesmo rolando */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-30deg); /* centraliza e rotaciona */
    font-size: 120px; /* tamanho da palavra */
    color: rgba(241, 0, 0, 0.281); /* cor clara para parecer marca d’água */
    white-space: nowrap; /* evita quebra de linha */
    pointer-events: none; /* não atrapalha clique nos elementos */
    z-index: 9999; /* garante que apareça por cima */
}
.desabilitado,
.desabilitado * {
    pointer-events: none; /* bloqueia clique em qualquer filho (inclui o label) */
    user-select: none; /* opcional: impede seleção de texto */
}
:root {
    --btn3d-bg: #004a6e; /* cor principal */
    --btn3d-bg2: #003b57; /* tom mais escuro p/ gradiente */
    --btn3d-shadow: #002c3e; /* sombra “profunda” */
    --btn3d-text: #ffffff; /* texto */
    --btn-focus: #7cc4e0; /* anel de foco/acessibilidade */
}

.btn-3d {
    appearance: none;
    border: none;
    color: var(--btn3d-text);
    background: linear-gradient(180deg, var(--btn3d-bg) 0%, var(--btn3d-bg2) 100%);
    padding: 0.7rem 1.1rem;
    border-radius: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.2px;
    box-shadow: 0 0.4rem 0 0 var(--btn3d-shadow), /* “base” 3D */ 0 0.6rem 1rem rgba(0, 0, 0, 0.25); /* sombra suave */
    transform: translateY(0);
    transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.15s ease;
    cursor: pointer;
}

.btn-3d:hover {
    filter: brightness(1.25);
}

.btn-3d:active {
    transform: translateY(0.35rem); /* afunda */
    box-shadow: 0 0.05rem 0 0 var(--btn3d-shadow), 0 0.35rem 0.8rem rgba(0, 0, 0, 0.25);
}

.btn-3d:focus-visible {
    outline: 3px solid #a5b4fc; /* acessibilidade */
    outline-offset: 2px;
}

/* variantes rápidas */
.btn-3d--success {
    --btn3d-bg: #8cc73f;
    --btn3d-bg2: #699e23;
    --btn3d-shadow: #4c7515;
}
.btn-3d--danger {
    --btn3d-bg: #ef4444;
    --btn3d-bg2: #c73333;
    --btn3d-shadow: #912121;
}

/* estado desabilitado */
.btn-3d:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: 0 0.3rem 0 0 rgba(0, 0, 0, 0.25), 0 0.6rem 1rem rgba(0, 0, 0, 0.1);
}
.btn-3d--sm {
    padding: 0.45rem 0.75rem;
    font-size: 0.875rem; /* ~14px */
    border-radius: 0.6rem;
    box-shadow: 0 0.3rem 0 0 var(--btn3d-shadow),
        /* base 3D menor */ 0 0.45rem 0.8rem rgba(0, 0, 0, 0.22); /* sombra suave menor */
}

/* afundar um pouco menos no click */
.btn-3d--sm:active {
    transform: translateY(0.25rem);
    box-shadow: 0 0.05rem 0 0 var(--btn3d-shadow), 0 0.25rem 0.6rem rgba(0, 0, 0, 0.22);
}

/* anel de foco um pouquinho mais fino */
.btn-3d--sm:focus-visible {
    outline-width: 2px;
}

/* usuários que preferem menos movimento */
@media (prefers-reduced-motion: reduce) {
    .btn-3d {
        transition: none;
    }
}