body{
    height: 100vh;
    background: #E7EBF4;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.container_conteudo{
    min-height: calc(100vh - 136.23px); 
    display: flex; 
    flex-direction: column; 
    align-items: start; 
    justify-content: start;
    margin: 1rem;
    gap: 1rem;
}

.container_faturas{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.titulo_conteudo{
    font-size: 24px;
    color: #222222;
    font-weight: 500;
    word-spacing: 2px;
}

.card{
    width: 100%;
    padding: 0.6rem;
    background-color: white;
    border-radius: 4px;
    box-sizing: border-box;
    color: black;
    display: flex;
    justify-content: end;
    flex-direction: column;
    align-items: start;
    gap: 0.8rem;
    border: 1px solid #0000002e;
}

.container_cards{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.input_multas {
    border: 1px solid #0000002e;
    border-radius: 4px;
    padding: 0.6rem;
    resize: none;
    width: 100%;
    box-sizing: border-box;
}

.select_multas{
    border: 1px solid #0000002e;
    border-radius: 4px;
    padding: 0.6rem;
    resize: none;
    width: 100%;
    box-sizing: border-box;
    outline: none;
}

.card_foto{
    display: flex;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #0000002e;
    border-radius: 4px;
    padding: 0.6rem;
    box-sizing: border-box;
    flex-direction: column;
}

.status_recurso{
    font-size: 14px;
    font-weight: 500;
}

.btn_upload{
    font-size: 14px;
    background-color: black;
    border-radius: 4px;
    padding: 0.4rem;
    color: white;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 500;
    cursor: pointer;
}

.texto_foto_multa{
    font-size: 18px;
    font-weight: 500;
}

.descricao_foto_multa{
    font-size: 16px;
    font-weight: 400;
    color: #00000098;
}

.card_acompanhamento{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.div_progresso_recurso{
    width: 100%;
}

.texto_etapas {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0.2rem;
}

.div_inputs_multa{
    width: 100%;
}

.descricao_card{
    font-size: 16px;
    font-weight: 400;
}

.titulo_card{
    font-size: 20px;
    font-weight: 600;
}

.btn_enviar{
    border: 1px solid #0000002e;
    padding: 0.4rem 0.8rem;
    border-radius: 4px;
    background-color: black;
    color: white;
    cursor: pointer;
    width: 100%;
}

.botoes_selecao_multas {
    display: flex;
    width: 100%;
    background-color: #F4F4F5;
    border-radius: 4px;
    padding: 0.2rem;
    box-sizing: border-box;
}

.btn_toggle {
    flex: 1;
    padding: 10px;
    font-size: 16px;
    background-color: #F4F4F5;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    border-radius: 4px;
    color: black;
}

.btn_toggle.ativo {
    background-color: #ffffff;
}

.div_fatura_total{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    border-top: 1px solid #80808026;
    padding-top: 0.4rem;
}

.valor_pago{
    color: red;
    font-size: 18px;
}

.valor_recebido{
    color: #16a339;
    font-size: 18px;
}

.valor_pendente{
    color: #EAB308;
    font-size: 18px;
}

.div_valores_extrato{
    display: flex;
    flex-direction: column;
    align-items: end;
    min-width: 80px;
}

.status_extrato{
    font-size: 14px;
    font-weight: 500;
    border-radius: 16px;
    padding: 0.2rem 0.6rem;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.status_recebido{
    background-color: #22C55E;
}

.status_pendente{
    background-color: #EAB308;
}

.status_pago{
    background-color: red;
}

.div_itens_fatura{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.container_itens_fatura{
    width: 100%;
}

.btn_pagar{
    border: 1px solid #0000002e;
    padding: 0.4rem 0.8rem;
    border-radius: 4px;
    background-color: black;
    color: white;
    cursor: pointer;
    width: 100%;
    font-weight: 500;
}