/*
 Configuração de Comissões (Cadastros) e cálculo de comissão em evidência (Contrato de Blindagem, OS e Contrato de
 Venda de Veículo). Tema Metronic light do legado; os selos seguem a paleta do protótipo aprovado:
 Regra configurada = azul, Regra legada = âmbar, Manual = cinza, Anterior à configuração = cinza claro.
 Prefixo cc- (comissão configurável) para não colidir com o resto do legado.
*/

/* ------------------------------------------------------------------ texto */

.cc-sub {
    color: #7a8491;
    font-size: 12px;
}

.cc-mono {
    font-family: Menlo, Monaco, Consolas, monospace;
}

.cc-nowrap {
    white-space: nowrap;
}

.cc-eyebrow {
    color: #7a8491;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.cc-rotulo {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
}

.cc-vazio {
    color: #888;
    font-style: italic;
    padding: 10px;
}

.cc-erro-texto {
    color: #b3212e;
    font-size: 12px;
    margin-top: 2px;
}

/* ------------------------------------------------------------------ selos de origem */

.cc-selo {
    border: 1px solid transparent;
    border-radius: 10px;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    padding: 0 8px;
    white-space: nowrap;
}

.cc-selo-regra {
    background: #e3eefc;
    border-color: #b6cff0;
    color: #1f4e8c;
}

.cc-selo-legado {
    background: #fdf1d8;
    border-color: #f0d49a;
    color: #7a5200;
}

.cc-selo-manual {
    background: #eceff3;
    border-color: #d3d9e0;
    color: #4a525c;
}

.cc-selo-anterior {
    background: #f6f7f9;
    border-color: #e3e7eb;
    color: #858d96;
}

.cc-selo-ajuste {
    background: #f3e8fd;
    border-color: #dcc4f3;
    color: #5b2a86;
    white-space: normal;
}

.cc-selo-erp {
    background: #e6f4ea;
    border-color: #bfe1c9;
    color: #1e6b34;
}

.cc-selo-editada {
    background: #fff;
    border-color: #3b7dd8;
    color: #1f4e8c;
}

/* Linha sem meio de pagamento ou sem CPF/CNPJ: o salvar não a aceita. */
.cc-selo-pagamento {
    background: #fbe1e3;
    border-color: #f1b3b8;
    color: #8a1f28;
    white-space: normal;
}

/* ------------------------------------------------------------------ cálculo aplicado na grade */

.cc-linha-pagamento-incompleto > td {
    background: #fdf3f4;
}

.cc-linha-comissao > td {
    border-bottom-width: 0 !important;
}

.cc-linha-calculo > td {
    border-top-width: 0 !important;
    padding-top: 0 !important;
}

.cc-calculo {
    align-items: center;
    background: #fafbfc;
    border-left: 3px solid #bac3d0;
    display: flex;
    flex-wrap: wrap;
    font-size: 12.5px;
    gap: 6px 8px;
    padding: 6px 10px;
}

.cc-calculo.cc-origem-regra {
    border-left-color: #3b7dd8;
}

.cc-calculo.cc-origem-legado {
    border-left-color: #d9a21b;
}

.cc-calculo.cc-origem-manual {
    border-left-color: #8a939e;
}

.cc-calculo.cc-origem-anterior {
    border-left-color: #d3d9e0;
}

.cc-calculo-texto {
    color: #333;
    flex: 1 1 320px;
    min-width: 200px;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.cc-calculo-memorial {
    margin-left: auto;
}

.cc-calculo-bloco {
    display: block;
}

/* ------------------------------------------------------------------ avisos */

.cc-aviso {
    align-items: flex-start;
    background: #e8f1fb;
    border-left: 3px solid #659be0;
    color: #1f4e8c;
    display: flex;
    flex-wrap: wrap;
    font-size: 12.5px;
    gap: 6px 8px;
    margin-bottom: 8px;
    padding: 8px 12px;
}

.cc-aviso > .fa {
    line-height: 18px;
}

.cc-aviso-texto {
    flex: 1 1 260px;
}

.cc-aviso-acao {
    margin-left: auto;
}

.cc-aviso-warn {
    background: #f9f3dd;
    border-left-color: #c29d0b;
    color: #5c4a05;
}

.cc-aviso-info {
    background: #e7f1fb;
    border-left-color: #3598dc;
    color: #1f4e79;
}

.cc-aviso-bad {
    background: #fbe1e3;
    border-left-color: #e7505a;
    color: #8a1f28;
}

.cc-aviso-neutro {
    background: #f1f4f7;
    border-left-color: #bac3d0;
    color: #555;
}

/* ------------------------------------------------------------------ resumo do último cálculo */

.cc-resumo {
    margin: 10px 0 12px;
}

.cc-resumo-status {
    color: #7a8491;
    font-size: 12.5px;
    padding: 6px 0;
}

.cc-resumo-caixa {
    align-items: center;
    background: #f5f8fb;
    border: 1px solid #e7ecf1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    padding: 10px 12px;
}

.cc-resumo-quem {
    display: flex;
    flex-direction: column;
    min-width: 180px;
}

.cc-resumo-titulo {
    color: #7a8491;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.cc-resumo-origens {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 6px;
}

.cc-resumo-totais {
    display: flex;
    flex-direction: column;
    font-size: 12.5px;
    margin-left: auto;
    text-align: right;
}

.cc-resumo-notas span {
    color: #7a8491;
    display: block;
    font-size: 12px;
    margin-top: 4px;
}

/* ------------------------------------------------------------------ tabelas e diff do recálculo */

.cc-tabela {
    background: #fff;
    font-size: 12.5px;
}

.cc-tabela > thead > tr > th {
    border-bottom: 2px solid #e7ecf1;
    color: #666;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}

.cc-tabela > tbody > tr > td {
    vertical-align: middle;
}

.cc-diff-removida > td {
    color: #999;
}

.cc-acao {
    border-radius: 2px;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 1px 7px;
    white-space: nowrap;
}

.cc-acao-nova {
    background: #e6f4ea;
    color: #1e6b34;
}

.cc-acao-alterada {
    background: #fdf1d8;
    color: #7a5200;
}

.cc-acao-igual {
    background: #f1f4f7;
    color: #666;
}

.cc-acao-removida {
    background: #fbe1e3;
    color: #8a1f28;
}

.cc-acao-preservada {
    background: #e8f1fb;
    color: #1f4e8c;
}

.cc-acao-ajuste {
    background: #f3e8fd;
    color: #5b2a86;
}

.cc-acao-integrada {
    background: #e6f4ea;
    color: #1e6b34;
}

.cc-acao-divergente {
    background: #fde2c9;
    color: #7a3a00;
}

/* ------------------------------------------------------------------ modais */

/* O cabeçalho fixo do layout (50px) fica perto do topo: o diálogo desce um pouco (como em Parâmetros). */
.cc-modal .modal-dialog {
    margin-top: 70px;
}

.cc-modal .modal-header .cc-sub {
    margin-top: 4px;
}

.cc-modal-rodape {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}

/* O clearfix do Bootstrap vira item flex e empurra o conteúdo para o meio. */
.cc-modal-rodape:before,
.cc-modal-rodape:after {
    display: none;
}

.cc-check {
    margin: 8px 0 4px;
}

/* Memorial em painel lateral, abaixo do cabeçalho fixo. */
.modal.cc-painel-lateral .modal-dialog {
    bottom: 0;
    margin: 0;
    max-width: 100%;
    position: fixed;
    right: 0;
    top: 50px;
    width: 600px;
}

.modal.cc-painel-lateral .modal-content {
    border-radius: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* O custom.css põe overflow: visible !important em .modal-dialog/.modal-content/.modal-body (popover em modal):
   sem o !important aqui o corpo do painel cresce além da tela e não rola. */
.modal.cc-painel-lateral .modal-content {
    overflow: hidden !important;
}

.modal.cc-painel-lateral .modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}

.modal.cc-painel-lateral.fade .modal-dialog {
    transform: translate(100%, 0);
    transition: transform .25s ease-out;
}

.modal.cc-painel-lateral.in .modal-dialog {
    transform: translate(0, 0);
}

.cc-memorial-topo {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-top: 8px;
}

.cc-memorial-valor {
    font-size: 18px;
}

.cc-memorial-sec {
    margin-bottom: 14px;
}

.cc-memorial-sec h5 {
    color: #555;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 6px;
    text-transform: uppercase;
}

.cc-kv {
    border-collapse: collapse;
    font-size: 12.5px;
    width: 100%;
}

.cc-kv th,
.cc-kv td {
    border-bottom: 1px solid #eef1f5;
    padding: 4px 6px;
    text-align: left;
    vertical-align: top;
}

.cc-kv th {
    color: #666;
    font-weight: 600;
    width: 42%;
}

.cc-condicao {
    align-items: flex-start;
    border: 1px solid #e7ecf1;
    display: flex;
    font-size: 12px;
    gap: 8px;
    margin-bottom: 4px;
    padding: 5px 8px;
}

.cc-condicao-vence {
    background: #eef7f0;
    border-color: #bfe1c9;
}

.cc-vf {
    border-radius: 2px;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    min-width: 22px;
    text-align: center;
}

.cc-vf-v {
    background: #1e6b34;
    color: #fff;
}

.cc-vf-f {
    background: #d3d9e0;
    color: #4a525c;
}

/* ------------------------------------------------------------------ consulta de regras */

.cc-filtros {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-left: 14px;
}

.cc-filtros .form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    min-width: 200px;
}

.cc-filtros .form-group select,
.cc-filtros .form-group input {
    width: 245px !important;
}

.cc-filtros .cc-filtro-largo input {
    width: 320px !important;
}

.cc-tabela-regras > tbody > tr.cc-grupo > td {
    background: #eef1f5;
    color: #444;
}

.cc-grupo-acao {
    float: right;
    font-size: 12px;
}

.cc-regra-inativa > td {
    background: #fafafa;
    color: #888;
}

.cc-tabela-regras tr[draggable="true"] {
    cursor: move;
}

.cc-tabela-regras tr.dndDraggingSource {
    display: none;
}

.cc-dnd-placeholder > td {
    background: #f5f8fb;
    border: 2px dashed #b6cff0 !important;
    color: #1f4e8c;
    text-align: center;
}

.cc-prioridade {
    white-space: nowrap;
}

.cc-grip {
    color: #aaa;
    margin-right: 4px;
}

.cc-setas {
    display: inline-block;
    margin-left: 4px;
}

.cc-setas .btn {
    padding: 0 5px;
}

.cc-chips {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 6px;
}

.cc-chip {
    align-items: center;
    background: #eef1f5;
    border-radius: 2px;
    color: #444;
    display: inline-flex;
    font-size: 12px;
    gap: 4px;
    padding: 2px 8px;
}

.cc-chip-usuario {
    background: #e8f1fb;
    color: #1f4e8c;
}

.cc-chip-alerta {
    background: #f9f3dd;
    color: #5c4a05;
}

.cc-chip-x {
    background: none;
    border: 0;
    color: #888;
    cursor: pointer;
    font-size: 15px;
    line-height: 1;
    padding: 0 2px;
}

.cc-chip-x:hover {
    color: #e7505a;
}

.cc-acoes {
    white-space: nowrap;
}

.cc-acoes .btn {
    margin: 1px 0;
}

.cc-link-pequeno {
    font-size: 12px;
}

/* ------------------------------------------------------------------ editor de regra */

.cc-cabecalho {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
}

.cc-cabecalho .page-title {
    margin-top: 0;
}

.cc-cabecalho-acoes .btn,
.cc-rodape-acoes .btn {
    margin: 2px 0;
}

.cc-rodape-acoes {
    margin-bottom: 20px;
}

.cc-problemas {
    margin-bottom: 12px;
}

.cc-linha-campos {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 24px;
}

.cc-linha-campos .form-group {
    margin-bottom: 8px;
}

.cc-seg .btn {
    text-transform: none;
}

.cc-grupo-rotulo {
    border-top: 1px solid #eef1f5;
    font-weight: 700;
    margin: 12px 0 8px;
    padding-top: 10px;
}

.cc-funcoes {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 12px;
}

.cc-funcao {
    border: 1px solid #e7ecf1;
    padding: 4px 10px;
}

.cc-funcao-marcada {
    background: #f5f8fb;
    border-color: #b6cff0;
}

.cc-funcao-pessoas {
    margin: 0 0 6px 28px;
}

.cc-funcao-pessoas .cc-chips {
    margin-top: 6px;
}

.cc-campo-erro {
    outline: 1px solid #e7505a;
}

.cc-opcoes {
    display: flex;
    flex-wrap: wrap;
    gap: 0 16px;
}

.cc-opcoes .mt-checkbox {
    margin-bottom: 6px;
}

.cc-linha-acoes {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 8px;
}

.cc-avulsos {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cc-avulso {
    align-items: center;
    border: 1px solid #e7ecf1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 6px 10px;
}

.cc-avulso-nome {
    flex: 1 1 260px;
    min-width: 0;
}

.cc-avulso-classificacao {
    max-width: 260px;
}

/* ------------------------------------------------------------------ empresas avulsas (verde-azulado do protótipo) */

/* Dica das funções de cadastro do parceiro (Montadora, Concessionária), alinhada ao nome, depois do checkbox. */
.cc-funcao-dica {
    margin: 0 0 4px 28px;
}

.cc-chip-empresa {
    background: #e6f4f1;
    color: #0f5f58;
}

.cc-empresas {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 8px;
}

.cc-empresa {
    align-items: center;
    background: #f3faf8;
    border: 1px solid #bfe3dd;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    padding: 8px 10px;
}

.cc-empresa-erro {
    border-color: #e7505a;
}

.cc-empresa-icone {
    align-items: center;
    background: #fff;
    border: 1px solid #bfe3dd;
    border-radius: 4px;
    color: #0f766e;
    display: inline-flex;
    flex: 0 0 32px;
    height: 32px;
    justify-content: center;
}

.cc-empresa-dados {
    display: flex;
    flex: 1 1 200px;
    flex-direction: column;
    min-width: 0;
}

.cc-empresa-dados b {
    overflow-wrap: anywhere;
}

.cc-empresa-classificacao {
    flex: 0 1 200px;
    font-weight: 400;
    margin: 0;
    min-width: 150px;
}

.cc-empresa-classificacao .cc-sub {
    display: block;
}

.cc-empresa-acoes {
    display: inline-flex;
    gap: 4px;
    white-space: nowrap;
}

.cc-empresa-vazio {
    align-items: center;
    background: #f3faf8;
    border: 1px dashed #bfe3dd;
    color: #555;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 8px 10px;
}

/* ------------------------------------------------------------------ divisão do valor entre quem recebe */

/* Linha da função: checkbox à esquerda e, com a divisão ligada, a parte (%) à direita. */
.cc-funcao-topo {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0 12px;
}

.cc-funcao-topo > .cc-check {
    flex: 1 1 260px;
    min-width: 0;
}

/* Erro da parte logo abaixo da linha da função, alinhado ao nome (depois do checkbox), sem a margem de 20px do <p>. */
.cc-funcao-topo + .cc-erro-texto {
    margin: 0 0 4px 28px;
}

/* Campo da parte (%) de uma função ou de um avulso. */
.cc-fatia {
    flex: 0 0 auto;
    width: 104px;
}

.cc-fatia .form-control {
    text-align: right;
}

.cc-divisao {
    border-top: 1px solid #eef1f5;
    margin-top: 12px;
    padding-top: 6px;
}

.cc-divisao .cc-linha-acoes {
    margin: 6px 0 0;
}

.cc-divisao-soma {
    font-size: 12.5px;
    font-weight: 600;
}

.cc-divisao-soma-ok {
    color: #1e6b34;
}

.cc-divisao-soma-bad {
    color: #b3212e;
}

/* Memorial: participante desta linha em destaque. */
.cc-divisao-esta > td {
    background: #eef4fc;
    font-weight: 600;
}

.cc-divisao-esta .cc-sub {
    font-weight: 400;
}

.cc-divisao-fora {
    font-size: 12.5px;
    margin: 0 0 4px;
    padding-left: 18px;
}

.cc-sim-divisao {
    border-top: 1px dashed #e7ecf1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 6px;
}

.cc-sim-divisao .cc-rotulo {
    margin-bottom: 0;
}

.cc-divisao-participantes {
    border-collapse: collapse;
    font-size: 12px;
    width: 100%;
}

.cc-divisao-participantes td {
    border-bottom: 1px solid #eef1f5;
    padding: 3px 6px;
    vertical-align: top;
}

.cc-campo-medio {
    max-width: 360px;
}

.cc-parceiros {
    margin-top: 6px;
}

.cc-variaveis {
    margin-bottom: 12px;
}

.cc-variavel {
    font-size: 12px;
    text-transform: none;
}

.cc-condicoes {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 10px;
}

.cc-condicao-linha {
    border: 1px solid #e7ecf1;
    padding: 8px;
}

.cc-condicao-campos {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.cc-condicao-mover {
    display: inline-flex;
    gap: 2px;
}

.cc-palavra {
    color: #1f4e8c;
    font-family: Menlo, Monaco, Consolas, monospace;
    font-size: 12px;
    font-weight: 700;
    min-width: 64px;
}

.cc-condicao-campos .form-control.cc-expr {
    flex: 1 1 180px;
    min-width: 150px;
    width: auto;
}

.cc-condicao-campos .form-control.cc-operador {
    width: 70px;
}

.cc-valor {
    width: 130px;
}

/* A palavra ENTÃO quebra de linha junto com o valor: não fica sozinha no fim da linha de cima. */
.cc-entao {
    align-items: center;
    display: flex;
    gap: 6px;
}

/* No Monetário o ENTÃO/SENÃO aceita fórmula e o campo cresce. Sem espaço para tudo numa linha, o ENTÃO desce
   inteiro e ocupa a linha de baixo. */
.cc-entao.cc-entao-formula {
    flex: 1 1 300px;
}

.cc-valor.cc-valor-formula {
    flex: 1 1 180px;
    min-width: 150px;
    width: auto;
}

.cc-senao .cc-valor.cc-valor-formula {
    flex-basis: 240px;
}

.cc-senao {
    background: #fafbfc;
}

.cc-senao-descricao {
    flex: 1 1 200px;
}

.cc-senao-descricao.cc-senao-descricao-formula {
    flex-basis: 120px;
}

.cc-input-erro {
    border-color: #e7505a !important;
}

.cc-erro-formula {
    color: #b3212e;
    font-size: 12px;
    margin-top: 4px;
}

.cc-trecho {
    background: #fff;
    border: 1px solid #f3c2c6;
    display: inline-block;
    margin-top: 2px;
    max-width: 100%;
    overflow-x: auto;
    padding: 1px 6px;
    white-space: pre;
}

.cc-trecho mark {
    background: #e7505a;
    color: #fff;
    padding: 0 1px;
}

.cc-leitura {
    background: #f5f8fb;
    border: 1px solid #e7ecf1;
    border-radius: 0;
    font-family: Menlo, Monaco, Consolas, monospace;
    font-size: 12px;
    white-space: pre-wrap;
    word-break: break-word;
}

.cc-versoes {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cc-versoes li {
    border-bottom: 1px solid #eef1f5;
    display: flex;
    gap: 10px;
    padding: 6px 0;
}

.cc-versao-numero {
    background: #eef1f5;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    min-width: 36px;
    text-align: center;
}

.cc-versao-texto {
    flex: 1 1 auto;
    min-width: 0;
}

/* ------------------------------------------------------------------ simulador */

.cc-simulador .cc-seg {
    margin-bottom: 10px;
}

.cc-sim-form {
    margin-bottom: 10px;
}

.cc-sim-valores {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
}

.cc-sim-valores .form-group {
    flex: 1 1 120px;
    margin-bottom: 8px;
}

.cc-sim-resultado {
    border-top: 1px solid #eef1f5;
    margin-top: 10px;
    padding-top: 10px;
}

.cc-sim-cabecalho {
    margin-bottom: 8px;
}

.cc-sim-linha {
    border: 1px solid #e7ecf1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 8px;
    padding: 8px;
}

.cc-sim-editada {
    border-color: #3b7dd8;
    box-shadow: inset 3px 0 0 #3b7dd8;
}

.cc-sim-linha-topo {
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

/* A linha do simulador é uma coluna: o flex-basis de 320px do texto do cálculo (feito para a linha da grade) virava
   320px de altura em branco. */
.cc-sim-linha > .cc-calculo-texto {
    flex: 0 0 auto;
}

.cc-sim-comparacao {
    color: #555;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 4px 12px;
}

.cc-sim-variaveis {
    margin-top: 8px;
}

/* ------------------------------------------------------------------ modal de seleção paginada */

.cc-modal-selecao {
    max-width: 96%;
    width: 960px;
}

.cc-selecao-filtros {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.cc-selecao-filtros .form-control {
    width: auto;
}

.cc-selecao-filtros .form-control.cc-selecao-busca {
    flex: 1 1 240px;
    min-width: 200px;
}

.cc-selecao-filtros .cc-check {
    margin: 0;
}

.cc-selecao-grid {
    height: 420px;
    width: 100%;
}

.cc-celula-check {
    text-align: center;
}

.cc-celula-check .mt-checkbox {
    height: 18px;
    margin: 0;
    padding-left: 18px;
}

.cc-celula-dupla {
    line-height: 1.3;
    white-space: normal;
}

/* ------------------------------------------------------------------ modal da empresa avulsa */

.cc-modal-empresa {
    max-width: 96%;
    width: 760px;
}

/* O custom.css do legado dá padding de 20px a todo .btn-group: no modal o segmentado alinha com os campos. */
.cc-modal-empresa .cc-seg {
    padding: 0;
}

.cc-empresa-modo {
    margin-bottom: 12px;
}

.cc-resultados {
    border: 1px solid #e7ecf1;
    display: flex;
    flex-direction: column;
    max-height: 360px;
    overflow-y: auto;
}

.cc-resultados-carregando {
    opacity: .6;
}

.cc-resultado {
    align-items: center;
    border-bottom: 1px solid #eef1f5;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    justify-content: space-between;
    padding: 8px 10px;
}

.cc-resultado:last-child {
    border-bottom: 0;
}

.cc-resultado:hover {
    background: #f5f8fb;
}

.cc-resultado-dados {
    flex: 1 1 300px;
    min-width: 0;
}

.cc-resultado-dados b {
    overflow-wrap: anywhere;
}

.cc-paginador {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    margin-top: 8px;
}

.cc-empresa-origem {
    background: #f3faf8;
    border: 1px solid #bfe3dd;
    color: #555;
    font-size: 12px;
    margin-bottom: 12px;
    padding: 7px 10px;
}

/* ------------------------------------------------------------------ telas estreitas */

@media (max-width: 767px) {
    .cc-resumo-totais {
        margin-left: 0;
        text-align: left;
    }

    .cc-filtros .form-group select,
    .cc-filtros .form-group input,
    .cc-filtros .cc-filtro-largo input {
        width: 100% !important;
    }

    .cc-funcao-pessoas {
        margin-left: 0;
    }

    .cc-empresa-classificacao {
        flex-basis: 100%;
    }

    .modal.cc-painel-lateral .modal-dialog {
        width: 100%;
    }
}