.sizeFlex {
    font-size: 1.125rem;
}

    .sizeFlex .font36 {
        font-size: 2.25rem !important;
    }

    .sizeFlex .font30 {
        font-size: 1.875rem !important;
    }

    .sizeFlex .font24 {
        font-size: 1.5rem !important;
    }

    .sizeFlex .font22,
    .sizeFlex .help,
    .sizeFlex a.button.next,
    .sizeFlex a.button.back {
        font-size: 1.375rem;
    }

    .sizeFlex .font18,
    .sizeFlex .font18-content p,
    .sizeFlex .font18-content ul,
    .sizeFlex .font18-content div {
        font-size: 1.125rem !important;
    }

    .sizeFlex .font14 {
        font-size: .875rem !important;
    }

    .sizeFlex .font12 {
        font-size: .75rem !important;
    }

    /*.sizeFlex .large-button {
    height: 2.5rem;
    font-size: 1.125rem;
    line-height: 1.125rem;
}*/

    .sizeFlex .x-large-button {
        height: 3.5rem;
        font-size: 1.125rem;
        min-width: 6rem;
        line-height: 3.1rem !important;
    }


    .sizeFlex .MemberCount {
        width: 5rem;
        height: 5rem;
        font-size: 1.625rem;
    }

.error {
    font-size: 13px;
    color: indianred;
}

#FamilyCountGridDiv {
    min-width: 310px;
}

.hide-checkbox {
    display: none;
    visibility: hidden;
}

@media (max-width: 330px) {
    .sizeFlex .font36 {
        font-size: 1.5rem !important;
    }

    .sizeFlex .font30 {
        font-size: 1rem !important;
    }

    .sizeFlex .font24 {
        font-size: .875rem !important;
    }

    .sizeFlex .font22,
    .sizeFlex .help,
    .sizeFlex a.button.next,
    .sizeFlex a.button.back {
        font-size: .75rem;
    }

    .sizeFlex .font18,
    .sizeFlex .font18-content p,
    .sizeFlex .font18-content ul,
    .sizeFlex .font18-content div {
        font-size: .6875rem !important;
    }

    .sizeFlex .font14 {
        font-size: .58rem !important;
    }

    .sizeFlex .font12 {
        font-size: .5rem !important;
    }

    form div.grid {
        padding: 0 !important;
    }

    .grid.hs-main {
        margin-top: 30px !important;
    }

    .hs-main h1 {
        margin: 0 !important;
    }

    .hs-main .button {
        margin: 0 !important;
    }

    .grid {
        margin: 0 !important;
    }

    .sizeFlex .grid:not(.hs-main) a.button {
        padding-top: .35rem !important;
    }

    .dashboard-top {
        margin-top: 20px !important;
    }

    .notification {
        min-height: 35px;
    }
}

@media (max-width: 700px) {
    .dataTable.enhanced tfoot {
        display: none !important;
    }

    .dataTable.enhanced tr {
        margin-top: 5px;
    }

    .checkbox-td {
        background-color: #e2e2e2;
        width: 100% !important;
    }

        .checkbox-td label.table-checkbox {
            padding-top: 5px;
        }
}

@media (max-width: 1199px) {
    .hs-main {
        margin-top: 3.5rem;
    }
}

.sizeFlexData tr td {
    font-size: .9rem !important;
}

.sizeFlexData thead th {
    font-size: .9rem !important;
}

.dataTables_length {
    font-size: .9rem !important;
}

.dataTables_filter {
    font-size: .9rem !important;
}

.paginate_button {
    font-size: .9rem !important;
}

.dataTables_info {
    font-size: .9rem !important;
}