/* CSS para ocultar div */
#linha1, #linha3 {
    display: none; /* A div começa oculta */
}
/* Garante que o body ocupe a largura total da tela */
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden; /* Evita rolagem horizontal */
}

/* Remover margens das divs principais */
.row {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

/* Garante que as colunas usem 100% da largura */
.col-8, .col-sm-8, .col-md-9, .col-lg-10 {
    padding-left: 0;
    padding-right: 0;
    width: 100%; /* Certifica-se de que ocupem toda a largura */
}

.col-4, .col-sm-4, .col-md-3, .col-lg-2 {
    padding-left: 0;
    padding-right: 0;
}

/* CSS para estilizar o menu esquerdo */
#menu a.nav-link {
    color: #00ff00; /* Cor do texto */
}

#menu a.nav-link i, 
#menu a.nav-link svg {
    color: #00ff00; /* Cor dos ícones */
}

/* Cor de fundo do dropdown */
.dropdown-menu-fundo {
    background-color: #212529 !important; /* Cor de fundo desejada */
    border-color: #212529 !important;
}

/* Cor das letras dos itens do dropdown */
.navbar-nav .dropdown-menu .dropdown-item {
    color: #00ff00 !important; /* Cor das letras desejada */
}

/* Cor de fundo e das letras ao passar o mouse */
.navbar-nav .dropdown-menu .dropdown-item:hover {
    color: #000000 !important; /* Cor das letras ao passar o mouse */
    background-color: #00ff00 !important; /* Cor de fundo ao passar o mouse */
}