.dataTables_filter input {
        border-radius: 1.5rem !important;
        /* bordas arredondadas */
        padding: 0.375rem 0.75rem !important;
        /* ajuste de padding para ficar bonito */
        border: 1px solid #ced4da !important;
        /* borda padrão (bootstrap-like) */
        outline: none !important;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .dataTables_filter input:focus {
        border-color: #80bdff !important;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25) !important;
    }

    input,
    select,
    .btn-warning {
        border-radius: 50rem !important;
    }

    .form-control:focus {
        border-color: #ffc107;
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
    }

    .card {
        background-color: #fff;
        border: none;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        margin-bottom: 20px;
    }

    .form-control {
        border-radius: 8px;
        border-color: #ced4da;
    }

    .form-control:focus {
        border-color: #ffc107;
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
    }

    .btn-warning {
        background-color: #ffc107;
        border: none;
        border-radius: 8px;
        font-weight: bold;
    }

    /* Cabeçalho da tabela */
    table thead th {
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: 14px;
        line-height: 1.4;
        text-align: center;
    }

    .table {
        border-collapse: collapse;
    }

    table thead {
        background-color: #ffdd75;
        color: #212529;
        text-align: left;
    }

    .table th,
    .table td {
        padding: 12px;
        font-size: 0.875rem;
    }

    .diagonal-label {
        position: absolute;
        top: 10px;
        /* Ajuste a posição vertical*/
        left: -30px;
        /* Ajuste a posição horizontal*/
        transform: rotate(-45deg);
        /* Rotação de 45 graus */
        background-color: #ff0000;
        /* Cor de fundo do rótulo */
        color: #fff;
        /* Cor do texto do rótulo */
        padding: 5px 10px;
    }

    .table tr:hover {
        background-color: #fff3cd;
    }

    .thead-light th {
        background-color: #f8f9fa;
        color: #343a40;
        border-bottom: 2px solid #ced4da;
        font-weight: 600;
        padding: 12px 15px;
        font-size: 0.875rem;
        text-align: center;
        transition: background-color 0.3s;
    }

    h3 {
        margin-top: 1rem !important;
        margin-bottom: 5rem !important;
        text-align: center;
    }

    .top-bar {
        background-color: #343a40;
        color: white;
        padding: 0px;
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 1000;
        display: flex;
        align-items: center;
    }

    .navbar-brand {
        margin-left: 20px;
    }

    .menu {
        display: flex;
        flex: 1;
        background-color: #333;
        color: white;
        transition: all 0.3s;
        overflow-x: hidden;
        z-index: 1;
        width: 230px;
        position: fixed;
        top: 45px;
        bottom: 0;
        left: 0;
        text-align: center;
    }

    .menu.hidden {
        width: 0;
    }

    .menu.hidden .toggle-btn {
        left: 0;
    }

    .content {
        flex: 1;
        padding: 90px;
        transition: margin-left 0.3s;
        margin-left: 250px;
        /* margin-left: 20%; */
    }

    .content_sem_menu {
        flex: 1;
        padding: 90px;
        transition: margin-left 0.3s;
    }

    .content.menu-hidden {
        margin-left: 0;
    }

    .toggle-btn {
        position: fixed;
        top: 100px;
        /* tamanho para celular */
        /* left: 340px; */
        left: 265px;
        cursor: pointer;
        color: black;
        font-size: 24px;
        z-index: 2;
        transition: left 0.5s ease;
    }

    .content2 {
        flex: 1;
        padding: 90px;
        transition: margin-left 0.3s;
    }

    .content3 {
        flex: 1;
        padding: 90px;
        transition: margin-left 0.3s;
        margin-left: 150px;
    }

    .non-link {
        color: white;
        text-decoration: none;
    }

    .nav-item.nav-link:hover {
        color: white;
    }

    .nav-item.nav-link {
        color: gray;
        transition: color 0.3s;
    }

    .box {
        border-radius: 15px;
        border: 0.1em solid;
        padding: 30px;
        border-color: #cfd6dc;
    }

    .whatsapp-icon {
        position: fixed;
        bottom: 20px;
        right: 20px;
        font-size: 3em;
        color: green;
        z-index: 9999;
        /* Z-index para garantir que o ícone esteja acima de outros elementos */
        text-decoration: none;
        display: flex;
        flex-direction: column;
        /* Empilha o texto embaixo do ícone */
        align-items: center;
    }

    .whatsapp-text {
        font-size: 0.3em;
    }


    @keyframes pulse {
        0% {
            transform: scale(1);
        }

        50% {
            transform: scale(1.2);
        }

        100% {
            transform: scale(1);
        }
    }

    #carrinho-count.animate {
        animation: pulse 1s infinite;
        color: red;
        /* Adicione essa linha para mudar a cor do texto durante a animação */
    }

    /* CSS mobile */
    @media only screen and (max-width: 760px),
    (min-device-width: 768px) and (max-device-width: 1024px) {

        .menu {
            width: 230px;
            top: 46px;
        }

        /* input[type="radio"] {
        transform: scale(1.5);
        } */

        .form-check-label {
            margin-left: 10px;
        }

        input[type="checkbox"] {
            transform: scale(1.5);
            margin-right: 5px;
        }

        .content {
            margin-left: 0;
            margin-top: 50px;
            padding: 20px 5px 20px 5px;
            height: 40px;
        }

        .menu {
            width: 70%;
        }

        .toggle-btn {
            top: 10%;
            left: 60%;
        }

        .btn {
            /* Definir tamanho md para os botões */
            padding: .375rem .75rem;
            font-size: 1rem;
            line-height: 1.5;
            border-radius: .25rem;
        }


        /* Configuração das tabelas*/
        table,
        thead,
        tbody,
        th,
        td,
        tr {
            display: block;
            margin-bottom: 15px;
        }

        thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        tr {
            border: 1px solid #ddd;
            border-radius: 6px;
            padding: 10px;
            background-color: #fafafa;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }

        tr td:first-child {
            border-top: none;
        }

        td {
            border: none;
            position: relative;
            padding: 12px 10px 12px 50%;
            display: flex;
            flex-direction: column;
            font-size: 14px;
            color: #333;
            font-weight: bold;
        }

        td img {
            align-self: center;
        }

        td:before {
            content: attr(data-label);
            position: static;
            top: 12px;
            left: 10px;
            white-space: nowrap;
            color: #666;
            font-size: 13px;
            font-weight: normal;
        }

        tfoot {
            margin-bottom: 1em;
        }



        /*Tabela Imoveis Cadastrados*/
        td:nth-of-type(1):before {
            content: "Data:";
        }

        td:nth-of-type(2):before {
            content: "Código:";
        }

        td:nth-of-type(3):before {
            content: "Imóvel:";
        }

        td:nth-of-type(4):before {
            content: "Finalidade:";
        }

        td:nth-of-type(5):before {
            content: "Cidade:";
        }

        td:nth-of-type(6):before {
            content: "Bairro:";
        }

        td:nth-of-type(7):before {
            content: "Endereço:";
        }

        td:nth-of-type(8):before {
            content: "Corretor Verificado:";
        }

        td:nth-of-type(9):before {
            content: "Anúncio:";
        }

        td:nth-of-type(10):before {
            content: "Editar:";
        }

        td:nth-of-type(11):before {
            content: "Excluir:";
        }

        /*Tabela Imoveis Cadastrados*/
        .tabela10 td:nth-of-type(1):before {
            content: "Código: ";
        }

        .tabela10 td:nth-of-type(2):before {
            content: "Imóvel: ";
        }

        .tabela10 td:nth-of-type(3):before {
            content: "Finalidade: ";
        }

        .tabela10 td:nth-of-type(4):before {
            content: "Cidade: ";
        }

        .tabela10 td:nth-of-type(5):before {
            content: "Bairro: ";
        }

        .tabela10 td:nth-of-type(6):before {
            content: "Endereço: ";
        }

        .tabela10 td:nth-of-type(7):before {
            content: "Número: ";
        }

        .tabela10 td:nth-of-type(8):before {
            content: "Andar: ";
        }

        .tabela10 td:nth-of-type(9):before {
            content: "Anúncio: ";
        }

        .tabela10 td:nth-of-type(10):before {
            content: "Visualizar: ";
        }


        /* Tabela indicação corretor */
        .tabela2 td:nth-of-type(1):before {
            content: "Data: ";
        }

        .tabela2 td:nth-of-type(2):before {
            content: "Nome: ";
        }

        .tabela2 td:nth-of-type(3):before {
            content: "Telefone: ";
        }

        .tabela2 td:nth-of-type(4):before {
            content: "E-mail: ";
        }

        .tabela2 td:nth-of-type(5):before {
            content: "Situação: ";
        }

        /* Tabela captacao imovel */
        .table3 td:nth-of-type(1):before {
            content: "Data: ";
        }

        .table3 td:nth-of-type(2):before {
            content: "Nome: ";
        }

        .table3 td:nth-of-type(3):before {
            content: "Telefone: ";
        }

        .table3 td:nth-of-type(4):before {
            content: "Endereço: ";
        }

        .table3 td:nth-of-type(5):before {
            content: "Status: ";
        }

        .table3 td:nth-of-type(6):before {
            content: "R$: ";
        }

        .table3 td:nth-of-type(7):before {
            content: "Ação: ";
        }


        /* Tabela Minhas Assinatuas */
        .table4 td:nth-of-type(1):before {
            content: "Data: ";
        }

        .table4 td:nth-of-type(2):before {
            content: "Vigencia: ";
        }

        .table4 td:nth-of-type(3):before {
            content: "Plano: ";
        }

        .table4 td:nth-of-type(4):before {
            content: "Status: ";
        }


        /* Tabela ADM Assinatuas*/
        .table5 td:nth-of-type(1):before {
            content: "Data: ";
        }

        .table5 td:nth-of-type(2):before {
            content: "Nome: ";
        }

        .table5 td:nth-of-type(3):before {
            content: "E-mail: ";
        }

        .table5 td:nth-of-type(4):before {
            content: "Vigência: ";
        }

        .table5 td:nth-of-type(5):before {
            content: "Plano: ";
        }

        .table5 td:nth-of-type(6):before {
            content: "Status: ";
        }

        .table5 td:nth-of-type(7):before {
            content: "Ação: ";
        }


        /* Tabela Envio Documentos*/
        .table7 td:nth-of-type(1):before {
            content: "CRECI: ";
        }

        .table7 td:nth-of-type(2):before {
            content: "CNH: ";
        }

        .table7 td:nth-of-type(3):before {
            content: "Self: ";
        }

        .table7 td:nth-of-type(4):before {
            content: "Comprovante: ";
        }

        .table7 td:nth-of-type(5):before {
            content: "Data: ";
        }

        .table7 td:nth-of-type(6):before {
            content: "Status: ";
        }

        /* Tabela ADM Envio Documentos*/
        .table8 td:nth-of-type(1):before {
            content: "CRECI: ";
        }

        .table8 td:nth-of-type(2):before {
            content: "CNH: ";
        }

        .table8 td:nth-of-type(3):before {
            content: "Self: ";
        }

        .table8 td:nth-of-type(4):before {
            content: "Comprovante: ";
        }

        .table8 td:nth-of-type(5):before {
            content: "Data: ";
        }

        .table8 td:nth-of-type(6):before {
            content: "Status: ";
        }

        .table8 td:nth-of-type(7):before {
            content: "Ação: ";
        }

        /* Tabela Carrinho*/
        .table9 td:nth-of-type(1):before {
            content: "Produto: ";
        }

        .table9 td:nth-of-type(2):before {
            content: "Preço: ";
        }

        .table9 td:nth-of-type(3):before {
            content: "Excluir: ";
        }

        /* Tabela adm aprovar imoveis*/
        .tabela11 td:nth-of-type(1):before {
            content: "Imóvel: ";
        }

        .tabela11 td:nth-of-type(2):before {
            content: "Finalidade: ";
        }

        .tabela11 td:nth-of-type(3):before {
            content: "Cidade: ";
        }

        .tabela11 td:nth-of-type(4):before {
            content: "Bairro: ";
        }

        .tabela11 td:nth-of-type(5):before {
            content: "Portal: ";
        }

        .tabela11 td:nth-of-type(6):before {
            content: "Data: ";
        }

        .tabela11 td:nth-of-type(7):before {
            content: "Editar: ";
        }

        .tabela11 td:nth-of-type(8):before {
            content: "Excluir: ";
        }


        /* Tabela topologia detalhe imovel incorporadora*/
        .tabela12 td:nth-of-type(1):before {
            content: "Tipo Imóvel: ";
        }

        .tabela12 td:nth-of-type(2):before {
            content: "A partir de: ";
        }

        .tabela12 td:nth-of-type(3):before {
            content: "m²: ";
        }

        .tabela12 td:nth-of-type(4):before {
            content: "Quantidade(s): ";
        }

        .tabela12 td:nth-of-type(5):before {
            content: "Dormitório(s): ";
        }

        .tabela12 td:nth-of-type(6):before {
            content: "Banheiro(s): ";
        }

        .tabela12 td:nth-of-type(7):before {
            content: "Vaga(s): ";
        }

        /* Tabela Rank Empreedimentos */
        .tabela13 td:nth-of-type(1):before {
            content: "#: ";
        }

        .tabela13 td:nth-of-type(2):before {
            content: "Nome: ";
        }

        .tabela13 td:nth-of-type(3):before {
            content: "Visitas Totais: ";
        }

        .tabela13 td:nth-of-type(4):before {
            content: "Usuários Únicos: ";
        }

        .tabela13 td:nth-of-type(5):before {
            content: "Compartilhamentos: ";
        }

        .tabela13 td:nth-of-type(6):before {
            content: "Visitas Links: ";
        }

        .tabela13 td:nth-of-type(7):before {
            content: "Visitas Contato: ";
        }

        .tabela13 td:nth-of-type(8):before {
            content: "Visitas Vídeo: ";
        }

        .tabela13 td:nth-of-type(9):before {
            content: "Ver Acessos: ";
        }

        /* Tabela Corretores Mais Ativos */
        .tabela14 td:nth-of-type(1):before {
            content: "#: ";
        }

        .tabela14 td:nth-of-type(2):before {
            content: "Corretor: ";
        }

        .tabela14 td:nth-of-type(3):before {
            content: "Cidade/UF: ";
        }

        .tabela14 td:nth-of-type(4):before {
            content: "Imobiliária: ";
        }

        .tabela14 td:nth-of-type(5):before {
            content: "Responsável: ";
        }

        .tabela14 td:nth-of-type(6):before {
            content: "Última atividade: ";
        }

        /* Tabela dash */
        .tabela15 td:nth-of-type(1):before {
            content: "Navegador: ";
        }

        .tabela15 td:nth-of-type(2):before {
            content: "Sistema: ";
        }

        .tabela15 td:nth-of-type(3):before {
            content: "Usuários: ";
        }

        /* Tabela Lead Corretor */
        .tabela16 td:nth-of-type(1):before {
            content: "ID: ";
        }

        .tabela16 td:nth-of-type(2):before {
            content: "Data: ";
        }

        .tabela16 td:nth-of-type(3):before {
            content: "Empreendimento: ";
        }

        .tabela16 td:nth-of-type(4):before {
            content: "Acesso: ";
        }

        .tabela16 td:nth-of-type(5):before {
            content: "Contato: ";
        }

        .tabela16 td:nth-of-type(6):before {
            content: "Nome: ";
        }

        .tabela16 td:nth-of-type(7):before {
            content: "E-mail: ";
        }

        .tabela16 td:nth-of-type(8):before {
            content: "Telefone: ";
        }

        .tabela16 td:nth-of-type(9):before {
            content: "Descrição: ";
        }

        /* Tabela Empreendimentos Cadastrados */
        .tabela17 td:nth-of-type(1):before {
            content: "ID: ";
        }

        .tabela17 td:nth-of-type(2):before {
            content: "Imagem: ";
        }

        .tabela17 td:nth-of-type(3):before {
            content: "Empreendimento: ";
        }

        /* .tabela17 td:nth-of-type(4):before {
            content: "Cidade: ";
        }

        .tabela17 td:nth-of-type(5):before {
            content: "Bairro: ";
        }

        .tabela17 td:nth-of-type(6):before {
            content: "Endereço: ";
        }

        .tabela17 td:nth-of-type(7):before {
            content: "Número: ";
        } */

        .tabela17 td:nth-of-type(8):before {
            content: "Atualização: ";
        }

        .tabela17 td:nth-of-type(9):before {
            content: "Anúncio: ";
        }

        .tabela17 td:nth-of-type(10):before {
            content: "Visualizar: ";
        }


        /* Tabela Relatório de Visitas */
        .tabela18 td:nth-of-type(1):before {
            content: "ID: ";
        }

        .tabela18 td:nth-of-type(2):before {
            content: "Empreendimento: ";
        }

        .tabela18 td:nth-of-type(3):before {
            content: "Visitas Totais: ";
        }

        .tabela18 td:nth-of-type(4):before {
            content: "@star: ";
        }

        .tabela18 td:nth-of-type(5):before {
            content: "Leads: ";
        }

        .tabela18 td:nth-of-type(6):before {
            content: "Usuários Únicos: ";
        }

        .tabela18 td:nth-of-type(7):before {
            content: "Compartilhamentos: ";
        }

        .tabela18 td:nth-of-type(8):before {
            content: "Contato: ";
        }

        .tabela18 td:nth-of-type(9):before {
            content: "Arquivos e Plantas: ";
        }

        .tabela18 td:nth-of-type(10):before {
            content: "Vídeo: ";
        }

        .tabela18 td:nth-of-type(11):before {
            content: "Ver Acessos: ";
        }

        /* Tabela Aprovar Vendas */
        .tableVendas td:nth-of-type(1):before {
            content: "Corretor: ";
        }

        .tableVendas td:nth-of-type(2):before {
            content: "Creci: ";
        }

        .tableVendas td:nth-of-type(3):before {
            content: "Construtora: ";
        }

        .tableVendas td:nth-of-type(4):before {
            content: "Empreedimento: ";
        }

        .tableVendas td:nth-of-type(5):before {
            content: "Unidades: ";
        }

        .tableVendas td:nth-of-type(6):before {
            content: "Valor: ";
        }

        .tableVendas td:nth-of-type(7):before {
            content: "Status: ";
        }

        .tableVendas td:nth-of-type(8):before {
            content: "Data Venda: ";
        }

        .tableVendas td:nth-of-type(9):before {
            content: "Ações: ";
        }


        /* Tabela Gestão de Contatos */
        .tableGestaoContatos td:nth-of-type(1):before {
            content: " ";
        }

        .tableGestaoContatos td:nth-of-type(2):before {
            content: "Nome: ";
        }

        .tableGestaoContatos td:nth-of-type(3):before {
            content: "Telefone: ";
        }

        .tableGestaoContatos td:nth-of-type(4):before {
            content: "Email: ";
        }

        .tableGestaoContatos td:nth-of-type(5):before {
            content: "Grupos: ";
        }

        .tableGestaoContatos td:nth-of-type(6):before {
            content: "Temp: ";
        }

        .tableGestaoContatos td:nth-of-type(7):before {
            content: "Obs: ";
        }

        .tableGestaoContatos td:nth-of-type(8):before {
            content: "Ações: ";
        }
    }