.Capitulo_2 .painel .Corpo {
    display: flex;
    /*muda o display para flex*/
    font-family: var(--font_titulo);
    /*define a fonte atraves de uma variavel*/
    flex-direction: column;
    /*define a direção das informações*/
}

.Capitulo_2 .painel .Corpo .Mes_financeiro {
    display: flex;
    /*muda o display para flex*/
    font-family: var(--font_titulo);
    /*define a fonte atraves de uma variavel */
    flex-direction: row;
    /*define a direção das informações */
    width: 95%;
    /*define a largura */
    height: 7vh;
    /*define a altura*/
    align-items: center;
    /*alinha os itens no centro de cima para baixo*/
    justify-content: space-between;
    /*alinha deixando cada um pra um lado*/
    border-bottom: 0.5vh solid var(--Cor_Segundaria_5_1);
    /*define a borda e o tamanho*/
}

.Capitulo_2 .painel .Corpo .Mes_financeiro .MesBoleto {
    width: 15.3%;
    /*define largura*/

}

.Capitulo_2 .painel .Corpo .Mes_financeiro .MesBoleto p {
    background: none;
    /*retira a estilização padrao do html do backgrond*/
    outline: none;
    /* remover a borda de foco */
    border: none;
    /*tira a estilização da borda */
    color: var(--Cor_Segundaria_5_1);
    /*modifica a cor*/
    font-size: 1.3vw;
    /*define o tamanho da fonte */

}



.Capitulo_2 .painel .Corpo .Mes_financeiro.Ativado .GerarBoletoFinanceiro button {
    background: none;
    /*retira a estilização padrao do html do backgrond*/
    outline: none;
    /* remover a borda de foco */
    border: none;
    /*tira a estilização da borda */
    color: #a9a9a9;
    /* Muda a cor do texto */
    background-color: var(--Cor_Segundaria_5_1);
    /* Cor de fundo do botão */
    border-radius: 12vh;
    /*define o tamanho das bordas */
    transition: 1s ease;
    /* Transição suave de 1 segundo */
    font-family: var(--font_conteudo);
    /* Arredondar completamente */
    width: 10vw;
    /*define a largura*/
    height: 3vh;
    /*define a altura */
    font-size: 0.8vw;
    /*define o tamanho da fonte*/
    margin: end;
}


.Capitulo_2 .painel .Corpo .Mes_financeiro.Ativado .GerarBoletoFinanceiro button:hover {
    color: var(--Cor_Segundaria_5_1);
    /* Muda a cor do texto */
    background-color: white;
    /* Muda a cor de fundo */
    transition: 1s ease;
    /* Transição suave de 1 segundo */
}

.Capitulo_2 .painel .Corpo .Mes_financeiro.Desativado .StatusFinanceiro {
    width: 12.3%;
    margin-right: 4vw;
    /*define largura*/

}

.Capitulo_2 .painel .Corpo .Mes_financeiro.Desativado .StatusFinanceiro p {
    background: none;
    /*retira a estilização padrao do html do backgrond*/
    outline: none;
    /* remover a borda de foco */
    border: none;
    /*tira a estilização da borda */
    color: var(--Cor_Segundaria_5_1);
    /*modifica a cor*/
    font-size: 1.3vw;
    /*define o tamanho da fonte */
    text-align: center;
}

.Capitulo_2 .painel .Corpo .Mes_financeiro.Ativado .StatusFinanceiro p {
    background: none;
    /*retira a estilização padrao do html do backgrond*/
    outline: none;
    /* remover a borda de foco */
    border: none;
    /*tira a estilização da borda */
    color: var(--Cor_Segundaria_5_1);
    /*modifica a cor*/
    font-size: 1.3vw;
    /*define o tamanho da fonte */
    text-align: center;

}

.Capitulo_2 .painel .Corpo .Mes_financeiro.Ativado .StatusFinanceiro {
    width: 12.3%;
    margin-right: 4vw;
    /*define largura*/

}