:root {
    /* --menu-background-color: #FFF; */
    --menu-background-color: #F8F9FA;
    --menu-color: #000000;

    --cor-labels-bordas-inputs: #666666;
    --cor-linha-tabela-impar: #F6F6F6;

    /* Cores principais */

    /* Cor dos ícones da Home, botão Pesquisar, botão Visualizar */
    --cor-principal: #20445d;

    --cor-secundaria: #132837;

    /* Hover dos ícones da Home */
    --cor-principal-hover: #eaecef;

    /* Hover do botão Pesquisar e do botão Visualizar */
    --cor-btn-pesquisar-hover: #54697b;

    /* Hover dos botões Editar e Mover para Cima */
    --cor-hover-editar: #708190;

    /* Links em textos dentro das tabelas. Ex: Editar, em Resultados Encontrados*/
    --cor-link-texto: #006a82;
    --cor-link-texto-hover: #4f9db7;

    /* Vermelho para alertas */
    /* Notificações e barra abaixo do logo do Portal no Menu Lateral, Botão Enviar para Lixeira */
    --cor-vermelho: #db233f;

    /* Amarelo para status pendente de aprovação */
    --cor-amarelo-warning: #d3ac8d;

    /* Cores para botões desabilitados */
    --cor-disabled-borda: #929ca3;
    --cor-disabled-texto-icone: #616F79;
    --cor-disabled-preenchimento: #b6bcc1;

    /***

        Novas adições conforme a paleta de cores

    ***/

    /* Múltiplos componentes */
    --cor-desabilitado: #CCCCCC;

    /* Botão primário */
    --cor-botao-primario-principal: #04A9C4;
    --cor-botao-primario-desabilitado: #CCCCCC;

    /* Botão secundário */
    --cor-botao-secundario-principal-preenchimento: #FFFFFF;
    --cor-botao-secundario-desabilitado-borda-e-texto: #CCCCCC;
    --cor-botao-secundario-desabilitado-preenchimento: #F6F6F6;
    --cor-botao-secundario-hover-borda-e-texto: #04A9C4;
    --cor-botao-secundario-hover-preenchimento: #DEF4F7;

    /* Ícone - Visualizar página*/
    --cor-icone-visualizar-principal: #186373;
    --cor-icone-visualizar-hover: #46828F;

    /* Ícone - Editar página*/
    --cor-icone-editar-principal: #54697b;
    --cor-icone-editar-hover: #42C6D1;

    /* Ícone - Desativar página */
    --cor-icone-desativar-principal: #FF3333;
    --cor-icone-desativar-hover: #FF6666;

    /* Ícone - Ativar página */
    --cor-icone-ativar-principal: #00C247;
    --cor-icone-ativar-hover: #40D175;

    /* Ícone - Subir página */
    --cor-icone-subir-principal: #42C6D1;
    --cor-icone-subir-hover: #71D4DD;

    /* Ícone - Descer página */
    --cor-icone-descer-principal: #F7AD40;
    --cor-icone-descer-hover: #F9C270;

    /* Paginação */
    --cor-paginacao-desabilitada: #CCCCCC;

    /* Seleção de papeis */
    --background-selecao-papeis: #82D4E2;

    /* cores para o modal de seleção de ícones dos acessos rápidos*/
    --modal-header-beckground-color: #f6f6f6;
    --container-icons-header-color: #676767;
    --btn-escolher-icone-background-color: #D9D9D9;
    --btn-escolher-icone-broder-color: #2C2C2C;
    --sel-icones-header-color: #04A9C4;

    /* Botão Upload Imagem */
    --cor-botao-upload-imagem:#1A6474;

    /* Botão Voltar Borda */
    --cor-borda-botao-voltar:#29435A;
}