.dashbord {
    width: 100%;
    height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;


}

.dashbord .dash_titulo {

    display: flex;
    justify-content: start;
    width: 100%;
    height: 5vh;
    font-family: var(--font_titulo);
    color: var(--Matriz);
    font-size: 1vw;

}

.dashbord .dash_painel {
    width: 90%;
    height: 40vh;

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

    gap: 1vw;
    background-color: var(--Cor_Segundaria_2_1);
    box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2);
}

.dashbord .dash_painel .dash_subpaneis {
    width: 10vw;
    height: 10vh;
    padding: 0.4vw;
    background-color: var(--Matriz);
    display: flex;
    flex-direction: column;
    align-items: center;

}

.dashbord .dash_painel .dash_subpaneis .sub_titulo {

    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom: 0.3vh solid var(--Cor_Segundaria_5_1);

}

.dashbord .dash_painel .dash_subpaneis .sub_titulo .Name {
    font-family: var(--font_titulo);
    color: var(--Cor_Segundaria_5_1);
    font-size: 0.5vw;
}

.dashbord .dash_painel .dash_subpaneis .sub_titulo .sub_status {
    font-family: var(--font_titulo);

    font-size: 0.6vw;
}

.OFF {
    color: red;

}

.ON {
    color: var(--Cor_Segundaria_2_1);
}