:root {
    --cor-box-shadow: gray;
    --cor-fundo: #FFF;
    --box-shadow: 5px 5px 15px 5px rgb(218, 209, 209);
    --font-family: 'Open sans', sans-serif;
    --cor-alcancadas: #7A9D54;
    --cor-alcancar: #FF9B50;
    ---cor-total: #000;
}

.area_familias_relatorio {
    font-family: 'Roboto Mono', monospace, sans-serif;
    width: 100%;
    height: auto;
    border-radius: 0.4em;
    border: 1px solid var(--cinza_claro2);
    padding: 0.5em;
}

.relatorio_box_1 {
    width: 100%;
    height: auto;
}

.relatorio_box_1_filtro {
    width: 100%;
    height: auto;
    box-shadow: var(--box-shadow);
    border-radius: 7px;
}

.relatorio_box_2_card {
    width: 100%;
    height: auto;
}

.relatorio_box_2_tabela {
    width: 100%;
    height: auto;
    box-shadow: var(--box-shadow);
    border-radius: 7px;
}

#dashboard-familia-relatorio {
    border-radius: 7px;
}

.container_relatorio_acs_tabela {
    width: 100%;
    border: 1px solid var(--cinza_claro2);
    border-radius: 0.3em;
    padding: 0.5em;
    background-color: var(--branco);
}

.tabela-teste {
    width: 100%;
    margin: auto;
    margin: 0 !important;
}

.buscar_cidadao_responsavel input {
    text-align: center;
    padding: 5px;
}

/* Filtros */
.container_relatorio_acs_filtros {
    padding: 0.5em;
    border: 1px solid var(--cinza_claro2);
}

.container_tipo_rel_acs {
    min-width: 134px;
}

@media only screen and (min-width:640px) and (max-width:771px) {
    .dashboard_box_2_card {
        flex-direction: column;

    }

}

@media only screen and (min-width:1024px) {
    .area_familias_relatorio {
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        gap: 0.1rem;
    }

    .relatorio_box_1 {
        width: 30%;
        height: 100%;
        flex-wrap: nowrap;
    }

    .relatorio_box_1_filtro {
        width: 100%;
        height: 100%;
        flex-wrap: nowrap;
    }

    .relatorio_box_2 {
        width: 70%;
        flex-wrap: nowrap;
    }

    .relatorio_box_2_card {
        flex-wrap: nowrap;
    }

    .relatorio_box_2_tabela {
        height: 538px;
    }
}