body {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: fonteTi;
    src: url(../Acessts/Fontes/zekton\ rg.otf);
}

@font-face {
    font-family: fonteTa;
    src: url(../Acessts/Fontes/MADE\ Evolve\ Sans\ Bold\ \(PERSONAL\ USE\).otf);
}

@font-face {
    font-family: fonteseta;
    src: url(../Acessts/Fontes/venus\ rising\ rg.otf);
}

:root {

    --fundo_1: #1478cf;
    --fundo_2: #1B588C;
    --fudno_3: #ffffff;
    --fundo_4: #123655;
    /*Fundos das telas de iframe de cada monitoramento*/
    --fundo_5: rgb(226, 226, 226);

    --font_titulo: fonteTi;
    --font_conteudo: fonteTa;

    --variante_font_1: #ffffff;
    --variante_font_2: #000000;
    --variante_font_3: #1B588C;
    --variante_font_4: #1478cf;

    --sombra_variante_1: #000000;

}


/* Estilos para o tema escuro */
.dark-theme {
    background-color: #1B588C;
    color: #1478CF;

    --font_titulo: fonteTi;
    --font_conteudo: fonteTa;
}


.menu {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-content: end;
    align-items: end;
}

.cabecario_1 {
    width: 95%;
    height: 10vh;

    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    transition: 1s ease;


}

.cabecario_1.expansao {
    width: 83.5%;
    transition: 1s ease;

}

.Bloco_subcab1_1 .icon_subcab1_1 {
    width: 15vw;
}

.Bloco_subcab1_2 {

    display: flex;
    flex-direction: row;
    padding-right: 2vw;
    align-content: center;
    align-items: center;
}

.Bloco_subcab1_2 button {
    width: 10vw;
    height: 5vh;
    font-family: var(--font_titulo);
    font-size: 1vw;

    outline: none;
    border: none;
    background: none;

    background-color: var(--fundo_1);
    color: var(--variante_font_1);
    transition: 1s ease;
}

.Bloco_subcab1_2 button:hover {

    background-color: var(--fundo_3);
    color: var(--variante_font_3);
    transition: 1s ease;
}


.cabecario_2 {
    width: 73%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    background-color: var(--fundo_2);
    height: 10vh;
}

.Bloco_subcab2_1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: space-around;
    width: 8vw;
}

.Bloco_subcab2_1 .icon_subcab1_1 {
    width: 3vw;
}



.Bloco_subcab2_2 .icon_subcab2_1 {
    width: 2.5vw;
}