/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */


a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}


.field-validation-error {
    color: #e01d1d;
}

.close-alert {
    position: absolute;
    right: -10px;
    top: -15px;
    border-radius: 15px;
    width: 30px;
    height: 31px;
}
/*A PARTIR DAQUI 12/12/20200*/

.container img {
    max-width: 250px;
    max-height: 200px;
    width: auto;
    height: auto;
}

/* CSS para tornar a tabela responsiva */
@media (max-width: 768px) {
    /* Ocultar determinadas colunas em telas menores */
    #table-manifesto th:nth-child(3),
    #table-manifesto td:nth-child(3) {
        display: none;
    }

    /* Adicionar rolagem horizontal */
    #table-manifesto-wrapper {
        overflow-x: auto;
    }
}

/* Personalização para alinhar botão do Excel com o lengthMenu */
div.dt-buttons {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px; /* espaço entre o select e o ícone */
}

/* Espaço entre botão do Excel e o seletor "Mostrar X registros" */
.dt-buttons {
    margin-right: 35px; /* aumenta ou diminui conforme preferir */
}


/* ==========================
   Personalização DataTables
   ========================== */

/* 🔹 Arredondar cantos da tabela */
table.dataTable {
    border-collapse: separate !important;
    border-spacing: 0;
    border-radius: 12px; /* controla o arredondado */
    overflow: hidden; /* esconde cantos quadrados internos */
    background-color: #fff; /* garante fundo branco */
}

    /* 🔹 Cabeçalho mais leve (sem linha grossa) */
    table.dataTable thead th {
        border-bottom: 1px solid #dee2e6 !important; /* linha fina */
        font-weight: 500; /* peso médio (menos bold) */
        background-color: #f8f9fa; /* leve cinza no cabeçalho */
    }

    /* 🔹 Inputs de pesquisa (linha de filtros por coluna) */
    table.dataTable thead .filters th input {
        border: 1px solid #ced4da;
        border-radius: 6px; /* arredondado */
        padding: 4px 8px;
        font-size: 0.875rem;
        width: 100%;
        box-sizing: border-box;
    }

    /* 🔹 Células do corpo mais suaves */
    table.dataTable tbody td {
        border-color: #f0f0f0 !important;
    }

/* 🔹 Paginação mais moderna */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 6px !important;
    padding: 4px 10px;
    margin: 2px;
    border: 1px solid #dee2e6 !important;
    background: #fff !important;
    color: #007bff !important;
    cursor: pointer;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        background: #007bff !important;
        color: #fff !important;
        border: 1px solid #007bff !important;
    }


/* ===============================
   Ícone lupa à esquerda (contorno cinza claro)
   =============================== */

/* 🔹 Label do DataTables (mantemos para o placeholder) */
.dataTables_filter label {
    font-size: 1rem; /* mostra o campo */
    position: relative;
    color: #000; /* cor opcional do texto */
}

/* 🔹 Global search input */
.dataTables_filter input {
    padding-left: 34px; /* espaço para a lupa */
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 16px 16px;
    /* Ícone de lupa com contorno cinza claro */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='none' stroke='%23aaa' stroke-width='32' d='M221.09 64a157.09 157.09 0 10157.09 157.09A157.09 157.09 0 00221.09 64zm181.45 297.69l95.27 95.27' stroke-linecap='round'/></svg>");
    border: 1px solid #ced4da;
    border-radius: 6px;
    padding: 6px 8px;
    box-sizing: border-box;
    -webkit-appearance: none;
}

    /* 🔹 Placeholder visível */
    .dataTables_filter input::placeholder {
        color: #aaa; /* cinza claro */
        opacity: 1;
    }

/* 🔹 Inputs de pesquisa por coluna */
table.dataTable thead .filters th input {
    width: 100%;
    padding-left: 34px; /* espaço para a lupa */
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='none' stroke='%23aaa' stroke-width='32' d='M221.09 64a157.09 157.09 0 10157.09 157.09A157.09 157.09 0 00221.09 64zm181.45 297.69l95.27 95.27' stroke-linecap='round'/></svg>");
}

    table.dataTable thead .filters th input::placeholder {
        color: #aaa; /* cinza claro */
        opacity: 1;
    }


/* Cabeçalho principal */
/*table.dataTable thead th,
table.dataTable thead th.sorting,
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
    background-color: #f0f0f0 !important;*/ /* cinza claro */
    /*color: #333 !important;
    font-weight: 600 !important;
}*/

/* Linha de filtros criada dinamicamente */
/*table.dataTable thead.filters th {
    background-color: #f0f0f0 !important;*/ /* cinza claro também */
/*}*/

    /* Inputs da linha de filtros com ícone de lupa */
    table.dataTable thead.filters th input {
        width: 100%;
        padding-left: 34px; /* espaço para a lupa */
        padding: 4px 8px;
        border: 1px solid #ced4da;
        border-radius: 6px;
        background-repeat: no-repeat;
        background-position: 10px center;
        background-size: 16px 16px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='none' stroke='%23aaa' stroke-width='32' d='M221.09 64a157.09 157.09 0 10157.09 157.09A157.09 157.09 0 00221.09 64zm181.45 297.69l95.27 95.27' stroke-linecap='round'/></svg>");
        box-sizing: border-box;
    }


/* ==========================================
   🔷 ESTILO GLOBAL DE TODAS AS TABELAS
   ========================================== */

/* 🔹 Cabeçalho principal (primeira linha do thead) */
table.dataTable thead tr:first-child th {
    background-color: #cfe2ff !important; /* Azul claro Bootstrap table-primary */
    color: #084298 !important; /* Texto azul escuro */
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #dee2e6 !important;
}

/* 🔹 Linha de filtros (segunda linha criada dinamicamente) */
table.dataTable thead tr.filters th {
    background-color: #f8f9fa !important; /* Cinza leve */
    border-top: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
}

/* 🔹 Evita perder o azul quando passa o mouse */
table.dataTable thead tr:first-child th:hover {
    background-color: #cfe2ff !important;
}
casa sao caetano do sul
/* 🔹 Campos de pesquisa (inputs da linha de filtros) */
table.dataTable thead tr.filters th input {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 6px;
    padding: 4px 8px 4px 32px;
    font-size: 0.875rem;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='none' stroke='%23aaa' stroke-width='32' d='M221.09 64a157.09 157.09 0 10157.09 157.09A157.09 157.09 0 00221.09 64zm181.45 297.69l95.27 95.27' stroke-linecap='round'/></svg>");
}

/* 🔹 Remove efeito azul escuro que o DataTables aplica ao ordenar */
table.dataTable thead th.sorting,
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
    background-color: #cfe2ff !important;
    color: #084298 !important;
}

/* 🔹 Mantém linhas limpas no corpo */
/*table.dataTable tbody tr:hover td {
    background-color: #f6faff !important;*/ /* leve destaque ao passar o mouse */
/*}*/