.qm--feature--enabled .tenantaccount {
    width: 820px;
}

.opt--pref--card {
    background: #F2FAFD;
    border-radius: 4px;
    border: 1px solid #E5F5FB;
    padding: 16px;
    position: relative;
}

.opt--pref--top {
    position: relative;
    padding: 0 144px 0 0;
}

    .opt--pref--top .assistant--ill {
        position: absolute;
        bottom: -16px;
        right: -18px;
        display: flex;
    }

        .opt--pref--top .assistant--ill img {
            width: 84px;
        }

.opt--pref--act {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

    .opt--pref--act .text--span {
        margin: 0;
    }

.qm--feature--enabled .acnt--field--row {
    padding-bottom: 0;
    border-bottom: none;
}

    .qm--feature--enabled .acnt--field--row .gray {
        margin-top: 12px;
    }

.qm--feature--enabled .voucher--fld--opt .invalidmessage {
    width: 100%;
    text-align: right;
}

.set--pref--blk {
    padding-top: 24px;
    border-top: 1px solid #B2D7E5;
    margin-top: 14px;
}

    .set--pref--blk .cmn--hdr {
        flex-direction: column;
        text-align: left;
        align-items: flex-start;
    }

        .set--pref--blk .cmn--hdr .title {
            font-size: 16px;
            line-height: 24px;
            font-family: poppinssemibold, sans-serif;
        }

        .set--pref--blk .cmn--hdr .desc {
            font-size: 16px;
            line-height: 24px;
            margin: 4px 0 0;
        }

.pref--fld--grp {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

    .pref--fld--grp .acnt--field--row {
        margin-bottom: 0;
    }

        .pref--fld--grp .acnt--field--row .acnt-cntrol-row {
            justify-content: flex-end;
            gap: 16px;
            flex-wrap: wrap;
        }

.qm--feature--enabled .pref--fld--grp .acnt--field--row .invalidmessage {
    width: 100%;
    text-align: right;
}

.qm--feature--enabled .tenant--date {
    margin-right: 0;
    width: 160px;
}

.ui-autocomplete {
    background: #fff;
    border: 1px solid #007bab;
    max-height: 180px;
    overflow-y: auto;
    margin: 3px 0px 0 !important;
    text-align: left;
    text-shadow: none;
    position: absolute;
    /*z-index: 999999999999 !important;*/
}

/* Media CSS starts from here */

@media screen and (min-width: 1200px) {
    .preferred--flds--row .field--blk {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279.98px) {
    .unauthenticated .tenantregistrationpage.qm--feature--enabled .tenantregistration {
        max-width: 100%;
    }
}


@media screen and (min-width: 768px) and (max-width: 1023.98px) {
    .qm--feature--enabled .tenantaccount {
        width: 100%;
    }

    .acnt--field--lbl {
        width: 45%;
    }

    .acnt--field--control {
        width: 55%;
    }
}

@media screen and (min-width: 200px) and (max-width: 767.98px) {
    .qm--feature--enabled .tenantaccount {
        width: 100%;
    }

    .opt--pref--top {
        padding: 0 64px 0 0;
    }

        .opt--pref--top .assistant--ill img {
            width: 80px;
        }

    .set--pref--blk .cmn--hdr .desc {
        font-size: 14px;
        line-height: 24px;
    }

    .qm--feature--enabled .adtnl--info--blk .acnt--field--lbl {
        margin-bottom: 10px;
    }

    .pref--fld--grp .acnt--field--row .acnt-cntrol-row {
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
    }

    .qm--feature--enabled .voucher--fld--opt .invalidmessage {
        text-align: left;
    }
}


@media screen and (min-width: 576px) and (max-width: 767.98px) {
    .qm--feature--enabled .adtnl--info--blk .acnt--field--lbl, .qm--feature--enabled .adtnl--info--blk .acnt--field--control {
        width: auto;
    }

    .qm--feature--enabled .pref--fld--grp .acnt--field--row .acnt-cntrol-row {
        justify-content: flex-end;
    }

    .qm--feature--enabled .move--info {
        flex-direction: row;
    }

    .qm--feature--enabled .acnt--field--row {
        justify-content: space-between;
    }
}