/* Sidebar logo container */
.logo-container {
    text-align: center;
    padding: 20px 0;
    transition: all 0.3s ease;
}

.logo-container img {
    width: 150px;
    height: auto;
    transition: all 0.3s ease;
}

/* Quando a sidebar estiver recolhida */
.sidebar-mini.sidebar-collapse .logo-container img {
    width: 50px;
    height: auto;
}

/* Estilo para os parágrafos */
.sidebar p {
    color: #ffffff;
    padding: 10px;
    font-size: 0.90rem;
    text-align: center;
    transition: opacity 0.3s ease;
}

/* Esconder o texto dos parágrafos quando a sidebar estiver recolhida */
.sidebar-mini.sidebar-collapse .sidebar p {
    opacity: 0;
    visibility: hidden;
}

/* Remover qualquer restrição de scroll */
html, body {
    height: 100%;
    overflow-y: auto !important; /* Forçar scroll vertical */
}

/* Garantir que o wrapper cresça conforme o conteúdo */
.wrapper {
    min-height: 100%; /* Garante que a altura acompanhe o conteúdo */
    height: auto !important; /* Permite que o conteúdo defina a altura */
    overflow-y: auto; /* Garante que o scroll funcione no wrapper */
}

/* Garantir que a área de conteúdo tenha altura flexível */
.content-wrapper {
    min-height: 100vh; /* Altura mínima de 100% da viewport */
    padding-bottom: 50px; /* Adicionar espaço inferior */
    overflow-y: visible !important; /* Certificar que o scroll funcione */
}

/* Corrigir qualquer possível comportamento de overflow */
body.sidebar-mini.layout-fixed .wrapper {
    height: auto !important;
    overflow-y: auto !important; /* Forçar o scroll */
}

/* Garantir espaçamento extra para evitar conteúdo cortado */
.container-fluid {
    padding-bottom: 50px; /* Adicionar espaçamento inferior */
}

/* Estilo para links normais */
.nav-link {
    color: #4a4a4a;
    transition: color 0.3s ease;
}

/* Cor azul para hover */
.nav-link:hover {
    color: #2196F3;
}

/* Estilo para a página ativa (selecionada) */
.nav-link.active {
    color: #fff;
    background-color: #2196F3;
}

/* Cor do ícone quando a página está ativa */
.nav-link.active i {
    color: #fff;
}




/* Estilo do card */
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Efeito ao passar o mouse sobre o card */
.card:hover {
    transform: translateY(-10px); /* Move o card levemente para cima */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Adiciona sombra suave */
}

/* Estilo dos links das ferramentas */
.card-body a {
    color: #4a4a4a; /* Cinza escuro para o link */
    text-decoration: none;
    transition: color 0.3s ease;
}

.card-body a:hover {
    color: #2c2c2c; /* Cinza mais escuro ao passar o mouse */
}

.card-body a h5 {
    font-weight: bold;
    margin-bottom: 0.5rem;
}

/* Estilo do título da página (h1) */
h1.page-title {
    color: #333333; /* Cinza escuro */
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 2rem;
    padding-top: 2rem;
    text-align: center;
}

p.page-subtitle {
    color: #333333; /* Cinza escuro */
    font-weight: 400;
    font-size: 1rem;
    margin-bottom: 1rem;    
    text-align: center;
    text-decoration: dotted;
}

.hidden { display: none; }


/* @FG: copiar  */

.copy-btn { display: inline-block; width: 100px; margin-top: -10px; background-color: #2196F3; padding: 5px; color: white; border-radius: 5px; cursor: pointer; }
.copy-btn:hover { background-color: #1e88e5; }

/* @ME: Gerador de ofício  */
pre { background: #f4f4f4; padding: 15px; white-space: pre-wrap; word-wrap: break-word; border: 1px solid #ddd; border-radius: 5px; }
input, button { width: 100%; padding: 10px; margin: 5px 0; font-size: 16px; }
button { background-color: #2196F3; color: white; border: none; cursor: pointer; border-radius: 5px; transition: background-color 0.3s ease; }
button:hover { background-color: #2196F3; }
button:active { transform: scale(0.98); }


/* Estilo para a barra de exportação */
.export-options {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.export-btn {
    display: inline-block;
    padding: 5px;
    margin-right: 10px;
    font-size: 24px;
    color: #4a4a4a;    
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.export-btn:hover {
    background-color: #e1e4e7; /* Cor de fundo no hover */
    color: white; /* Cor do ícone no hover */
}

.export-btn i {
    pointer-events: none; /* Garante que o clique seja no botão inteiro */
}

/* Ajustes para o ícone */
.export-btn .fa-print {
    color: #4a4a4a;
}

.export-btn .fa-file-pdf {
    color: #d9534f; /* Vermelho para PDF */
}

.export-btn .fa-file-excel {
    color: #5cb85c; /* Verde para Excel */
}

.uploading {
    background-color: #474849f5;
    color: white;
    cursor: not-allowed;
}

button :disabled{
    
    background-color: #474849f5;
    color: white;
    cursor: not-allowed;

}


/* Ajustes específicos para mobile */
@media (max-width: 768px) {
    .logo-container {
        padding: 10px 0;
    }

    .logo-container img {
        width: 40px; /* Ajusta o tamanho da logo no mobile */
    }

    /* Ocultar o conteúdo do <p> no mobile */
    .sidebar p {
        display: none;
    }

    /* Garantir que o menu seja recolhido adequadamente no mobile */
    .sidebar-mini.sidebar-collapse .logo-container img {
        width: 30px; /* Reduz ainda mais a logo no mobile ao recolher */
    }
}


@media print {
    /* Esconder todos os botões e componentes de formulários durante a impressão/exportação */
    button, 
    .no-print,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    input[type="search"],
    input[type="url"],
    input[type="file"],
    select,
    textarea,
    label,
    .export-btn {
        display: none !important;
    }

    body {
        margin: 0;
        padding: 0;
    }
    
    /* Remover margens e paddings de elementos que podem criar espaços */
    #main-content, .container, .content {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    /* Reduzir ou eliminar os espaços em branco */
    p, h1, h2, h3, h4, h5, h6 {
        margin: 0;
        padding: 0;
    }
    
    /* Ajuste para remover espaços desnecessários em listas */
    ul, ol {
        margin: 0;
        padding: 0;
        list-style-position: inside;
    }

    /* Remover bordas extras */
    table {
        border-spacing: 0;
        width: 100%;
    }    
}