.logo {
    text-align: center;
    margin: auto;
}

.logo img {
    width: 20%;
    height: 20%;
}

/* Estilo personalizado para a barra lateral fixa e altura total */
#sidebar {
    width: 250px;
    height: 100vh;
    position: fixed;
    background-color: #343a40;
    /* Cor de fundo escura */
    color: white;
    padding-top: 20px;
}





/* Estilo para o conteúdo principal, para evitar sobreposição com a sidebar */
#main-content {
    margin-left: 250px;
    padding: 20px;
}

/* Ajustes responsivos básicos */
@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
        /* Esconde a sidebar em telas menores */
    }

    #main-content {
        margin-left: 0;
        /* Ocupa a largura total em telas menores */
    }

    #sidebar.active {
        margin-left: 0;
        /* Mostra a sidebar quando ativa (via JS) */
    }
}

@media print {
    body {
        font-size: 12pt;
        color: #000;
        background: #fff;
    }
    /* Oculta menus, barras laterais e botões */
    .menu.sidebar.btn-print, header {
        display: none !important;
    }
    /* Ajusta o conteúdo para ocupar a página toda */
    .main-content {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    /* Força quebra de página antes de um elemento, se necessário */
    .quebra-pagina {
        page-break-before: always;
    }
}