body {
            margin: 0;
            font-family: Arial, sans-serif;
            background-color: #f8f9fa; /* Esta é a cor de fundo do body, que apareceria se houvesse espaço */
        }

        /* Sidebar Styling */
        .sidebar {
            height: 100vh;
            background-color: #1e40af; /* Cor azul da sidebar */
            color: white;
            width: 0; /* Largura inicial zero para estar escondida */
            position: fixed;
            overflow-y: auto;
            transition: width 0.3s;
            overflow-x: hidden; 
            z-index: 1030; 
            padding-top: 60px; /* Conteúdo da sidebar começa abaixo da topbar */
        }

        /*tamanho da area do menu lateral*/
        .sidebar.expanded {
            width: 200px;
        }

        /*recuo da pagina principal se o menu estiver aberto*/
        .main-content.shifted {
            margin-left: 200px;
        }

        .sidebar h6, .sidebar a {
            transition: opacity 0.3s;
            opacity: 0; /* Esconde o texto quando a sidebar está recolhida */
            white-space: nowrap; 
        }
        
        .sidebar.expanded h6,
        .sidebar.expanded a {
            opacity: 1; /* Mostra o texto quando a sidebar está expandida */
        }

        /* Estilo do ícone no estado recolhido */
        .sidebar a i {
            opacity: 1; /* Ícones sempre visíveis */
            margin-right: 10px;
        }

        .sidebar a {
            color: white;
            text-decoration: none;
            display: flex;
            align-items: center;
            padding: 8px 16px;
            transition: background-color 0.3s;
        }

        .sidebar a:hover {
            background-color: #1d4ed8;
        }

        /* Topbar Styling */
        .topbar {
            background-color: #1e40af; /* Cor azul da topbar */
            height: 60px;
            padding: 0 20px;
            color: white;
            display: flex;
            justify-content: space-between; 
            align-items: center;
            margin-left: 0; 
            transition: margin-left 0.3s;
            z-index: 1020; 
            position: fixed;
            width: 100%; /* Largura total quando não deslocada */
            top: 0;
            left: 0;
        }

        .topbar.shifted {
            margin-left: 0%; /* Desloca para a direita quando a sidebar está expandida */
            width: calc(100%); /* Ocupa o restante da largura */
            /* A linha abaixo foi adicionada conforme sua sugestão, com !important para forçar a cor */
           background-color: #1d4ed8 !important;
        }

        .topbar .left-section {
            display: flex;
            align-items: center;
            gap: 15px; 
        }

        /* Main Content Styling */
        .main-content {
            margin-left: 0; 
            margin-top: 60px; 
            padding: 20px;
            background-color: white; /* Cor de fundo do conteúdo principal */
            min-height: calc(100vh - 60px);
            transition: margin-left 0.3s;
        }


        /* Submenu Styling */
        .submenu {
            max-height: 0;
            overflow: hidden;
            padding-left: 20px;
            transition: max-height 0.3s ease;
        }

        .submenu a {
            font-size: 0.9rem;
        }

        .submenu.show {
            max-height: 500px; 
        }

        .menu-item {
            cursor: pointer;
        }

        .hamburger {
            font-size: 1.5rem;
            cursor: pointer;
            color: white; 
        }

        .tamanho-icone-topo {

            width: 20em;
        }

.trocarloja {
    color: #ffffff;
    background-color: #1e40af;
    border-color: #1e40af;
    font-size: 15px;
}


.trocarloja:hover,
.trocarloja:focus,
.trocarloja:active {
    color: yellow;
    background-color: #1e40af;
    border-color: #1e40af;
    font-size: 15px;
}

.lojaselecao option {
    color: #ffffff !important;
    border-style: none;
}

.tamanho-icone-empresa {

}