.content {
    height: 100%;
}

    .content .content-page {
        padding: 16px;
        height: calc(100vh - 56px);
    }

    .content .bottomSheet {
        height: 56px;
        background-color: var(--grey-dark);
    }

        .content .bottomSheet table {
            width: 100%;
        }

            .content .bottomSheet table td {
                text-align: center;
                width: 33%;
                font-size: x-small;
                line-height: 8px;
                height: 56px;
                cursor: pointer;
            }

.searchBar {
}

/*
    PAGINAS
*/

/* LOGIN */

.page-login {
    background-color: var(--grey-light);
}

    .page-login .page-content {
        max-width: 768px;
        margin: auto;
    }

    .page-login .card {
        padding: 4px;
    }

/* BENEFICIOS */

.page-beneficios {
    background-color: var(--grey-light);
}

    .page-beneficios .page-content {
        max-width: 768px;
        margin: auto;
    }

    .page-beneficios .card {
        padding: 4px;
    }

    .page-beneficios .listView {
        height: calc(100vh - 174px);
    }

/* REMEDIOS */

.page-remedios {
    background-color: var(--grey-light);

}

    .page-remedios .page-content {
        max-width: 768px;
        margin: auto;
    }

    .page-remedios .card {
        padding: 4px;
    }

    .page-remedios .listView {
        height: calc(100vh - 174px);
    }

/* REMEDIO */

.page-remedio {
    background-color: var(--grey-light);
    overflow-y: auto;
}

    .page-remedio .page-content {
        max-width: 768px;
        margin: auto;
    }

    .page-remedio .card {
        padding: 8px;
    }

/* BENEFICIO */

.page-beneficio {
    background-color: var(--grey-light);
    overflow-y: auto;
}

    .page-beneficio .page-content {
        max-width: 768px;
        margin: auto;
    }

    .page-beneficio .card {
        padding: 8px;
    }