/*subpainel  CFTV*/

.Matriz_CFTV_Oeste {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 75vh;
    overflow: hidden;
}

.sub_tela_cftv_frame_1 {
    width: 95%;
    height: 100%;

    background-color: var(--fundo_5);
    overflow: hidden;
}


/*Fireware*/
.Matriz_Firewall_Oeste {
    display: none;
    flex-direction: row;
    width: 100%;
    height: 75vh;
    overflow: hidden;


}

.Matriz_Firewall_Oeste .capitulo_1,
.Matriz_Firewall_Oeste .capitulo_2 {
    width: 50vw;
    height: 75vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;

}


.Matriz_Firewall_Oeste .capitulo_1 .Hardware {
    display: flex;
    width: 48vw;
    height: 100%;

    flex-direction: column;


    overflow: hidden;


}

.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_1 {

    width: 100%;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
}

.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_2 {

    width: 100%;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
}

.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_1 .tela_har_1 {
    width: 46vw;
    height: 35vh;

    background-color: var(--fundo_5);
}

.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_1 .tela_har_1 iframe {
    width: 100%;
    height: 100%;
}


.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_2 .tela_har_2,
.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_2 .tela_har_3 {
    width: 46vw;
    height: 40vh;

    background-color: var(--fundo_5);
}

.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_2 .tela_har_2 iframe,
.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_2 .tela_har_3 iframe {
    width: 100%;
    height: 100%;
}



.Matriz_Firewall_Oeste .capitulo_2 .trafegos {
    width: 48vw;
    height: 30vh;

    display: flex;
    background-color: var(--fundo_5);
    flex-direction: row;

}

.Matriz_Firewall_Oeste .capitulo_2 .trafegos .tela_traf_1,
.Matriz_Firewall_Oeste .capitulo_2 .trafegos .tela_traf_2 {
    width: 50%;
    height: 100%;
}



.Matriz_Firewall_Oeste .capitulo_2 .trafegos .tela_traf_1 iframe,
.Matriz_Firewall_Oeste .capitulo_2 .trafegos .tela_traf_2 iframe {
    outline: none;
    border: none;
    width: 100%;
    height: 100%;
}


.Matriz_Firewall_Oeste .capitulo_2 .speed_teste {

    width: 48vw;
    height: 44vh;
    margin-top: 3vh;

    display: flex;
    background-color: var(--fundo_5);
    flex-direction: row;
    overflow: hidden;
}

.Matriz_Firewall_Oeste .capitulo_2 .speed_teste .tela_spe_1,
.Matriz_Firewall_Oeste .capitulo_2 .speed_teste .tela_spe_2 {
    height: 100%;


}

.Matriz_Firewall_Oeste .capitulo_2 .speed_teste .tela_spe_1 iframe,
.Matriz_Firewall_Oeste .capitulo_2 .speed_teste .tela_spe_2 iframe {

    width: 24.01366vw;
    height: 100%;
}


/*Ramais*/

.Matriz_Ramais_Oeste {

    display: none;
    justify-content: center;
}

.Matriz_Ramais_Oeste .Subtela_ramais_1 .Subtela_Ramais_frame_1 {

    width: 90vw;
    height: 75vh;

    background-color: var(--fundo_5);
}


#panel1,
#panel2,
#panel3 {

    animation: conteudoPrincipal2 2s ease;

}

@keyframes conteudoPrincipal2 {
    to {
        opacity: 1;
        transform: translateY(0vh);

    }

    from {
        opacity: 0;
        transform: translateY(10vh);
        overflow: auto;

    }

}