/* CSS */
body {
    font-family: Arial, sans-serif;
    font-size: 12px; /* Definindo o tamanho da fonte para 16 pixels */
    user-select: none;
    margin: 0;
    padding: 0;
    font: 300 14px/18px Roboto;
    background-color: #547787; /* Fundo azul existente */
}

.menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.menu-item {
    padding: 5px;
    cursor: pointer;
    font-weight: bold;
    position: relative;
}

.menu-item:hover {
    background-color: #e6e6e6;
}

.submenu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: none;
    position: relative; /* Needed for submenu positioning */
    left: 10px; /* Adjust as needed to move submenu slightly to the right */
    top: calc(100% + 5px); /* Adjust as needed to move submenu slightly down */
}

.submenu-item {
    padding: 0px 30px;/* distancia entre linha*/
    font-weight: bold;
    font-size: 12px; /* Smaller font size for submenu items */
}

.submenu-item:hover {
    background-color: #d9d9d9;
}

.submenu-toggle::before {
    content: "\f054"; /* Unicode para o ícone de seta para a direita do Font Awesome */
    font-family: "Font Awesome 6 Free";
    font-weight: 900; /* Necessary for Font Awesome solid icons */
    padding-right: 2px;
}

.submenu-toggle.open::before {
    content: "\f107"; /* Unicode para o ícone de seta para baixo do Font Awesome */
}


        /* Estilos para o botão */
        .voltar-btn {
            background-color: #007BFF; /* Cor de fundo azul */
            color: white; /* Cor do texto */
            border: none; /* Sem borda */
            border-radius: 5px; /* Cantos arredondados */
            padding: 10px 20px; /* Espaçamento interno */
            font-size: 16px; /* Tamanho da fonte */
            cursor: pointer; /* Cursor em forma de mãozinha */
            transition: background-color 0.3s ease; /* Transição suave ao passar o mouse */
            margin-bottom: 20px;
        }

        /* Efeito ao passar o mouse */
        .voltar-btn:hover {
            background-color: #0056b3; /* Cor de fundo ao passar o mouse */
        }

        /* Efeito ao clicar */
        .voltar-btn:active {
            background-color: #003f7f; /* Cor de fundo ao clicar */
        }