<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#area_loanMortgage {
    position: relative;
}
#area_loanMortgage .switcher {
    cursor: pointer;
}
#area_loanMortgage &gt; .row &gt; div {
    margin-bottom: 30px;
}
#area_loanMortgage div.submit-cell &gt; div.name {
    width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*** TABLET VIEW ***/
@media screen and (max-width: 1199px) {
    #area_loanMortgage div.name {
        width: 170px !important;
    }
}
/*** MOBILE VIEW ***/
@media screen and (max-width: 767px) {
    #lm_amortization div.list-table &gt; div.row &gt; div:before {
        text-align: left;
    }
    #lm_amortization div.list-table &gt; div.row {
        padding-left: 0;
        padding-right: 0;
    }
    #lm_amortization div.list-table &gt; div.row &gt; div {
        text-align: right;
        padding-left: 150px !important;
    }
    #lm_amortization div.list-table &gt; div.row &gt; div:before {
        width: 140px;
    }
    body[dir=rtl] #lm_amortization div.list-table &gt; div.row &gt; div:before {
        text-align: right !important;
        left: auto;
        right: 0;
    }
    body[dir=rtl] #lm_amortization div.list-table &gt; div.row &gt; div {
        text-align: left !important;
        padding: 5px 150px 5px 0!important;
    }
}
</pre></body></html>