выравнивание поля в Dynamics CRM

Question

Цвета в приведенном ниже примере не имеют отношения к решению, но полезны при отладке. Я имею в виду, что они работают ... но выравнивание по правому краю работает только для .rollup, а не для поля баланса.

Вот css, который я применяю через веб-ресурсы js и css:

.rollup
{
    text-align: right!important;
    background: #FF6347;  /* orange/red */
}


#hnc_supplierclaimcustomersocialbalance
{
    text-align: right!important;
    background: #FFFF00;   /* yellow */
}

поля, находящиеся в .rollup, становятся цветом # FF6347. И фон баланса становится желтым. Однако только # FF6347 фактически выровнены по правому краю, а баланс остается выровненным по левому краю.

когда я открываю в браузере и нажимаю F12, это соответствующий HTML:

<tr height="24">
    <td class="ms-crm-ReadField-Normal ms-crm-FieldLabel-LeftAlign" id="hnc_supplierclaimcustomersocialbalance_c" title="Sum of Customer Social Claims - Sum of Payments"><span class="ms-crm-InlineEditLabel" id="hnc_supplierclaimcustomersocialbalance_cl_span"><span class="ms-crm-InlineEditLabelText" id="hnc_supplierclaimcustomersocialbalance_cl" style="max-width:115px;text-align:Left;">Balance</span>
        <div class="ms-crm-Inline-GradientMask">

        </div>
        </span>
    </td>
    <td class="ms-crm-Field-Data-Print ms-crm-Field-Number-Print" data-height="24" id="hnc_supplierclaimcustomersocialbalance_d" title="$2,250.00">
        <div id="hnc_supplierclaimcustomersocialbalance" data-attributename="hnc_supplierclaimcustomersocialbalance" data-formid="bee8c7df-4ce7-451b-8e35-48757f5bab1e" data-fdeid="PrimaryEntity" data-layout="0" tabindex="1430" dir="ltr" class="ms-crm-Inline-Chrome money ms-crm-Inline-Chrome nvarchar" aria-describedby="hnc_supplierclaimcustomersocialbalance_c">
            <div class="ms-crm-Inline-Value  ms-crm-Inline-Locked">
                <label for="hnc_supplierclaimcustomersocialbalance_label" id="Balance_label">
                    <div class="ms-crm-div-NotVisible">Balance $2,250.00</div>$2,250.00
                    <div class="ms-crm-Inline-GradientMask"></div>
                </label><span><div class="ms-crm-Inline-GradientMask"></div></span>
            </div>
            <div class="ms-crm-Inline-Edit ms-crm-Inline-Currency" style="display: none;">
                <table id="hnc_supplierclaimcustomersocialbalance_i_table" cellpadding="0" cellspacing="0" dir="ltr" class="ms-crm-CurrencyTable-Refresh" style="background-color: rgb(255, 255, 255);">
                    <tbody>
                        <tr>
                            <td class="ms-crm-CurrencySymbol-Refresh"><span id="hnc_supplierclaimcustomersocialbalance_i_symbol" class="ms-crm-Money-CurrencySymbol">$</span></td>
                            <td>
                                <div style="white-space: normal;">
                                    <input type="text" id="hnc_supplierclaimcustomersocialbalance_i" attrname="hnc_supplierclaimcustomersocialbalance" class="ms-crm-Money ms-crm-InlineInput" aria-labelledby="hnc_supplierclaimcustomersocialbalance_c">
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div><span class="ms-crm-Inline-LockIcon" id="hnc_supplierclaimcustomersocialbalance_lock" style="display: block;"><img src="/_imgs/imagestrips/transparent_spacer.gif" class="ms-crm-ImageStrip-inlineedit_locked" alt=""></span><span id="hnc_supplierclaimcustomersocialbalance_warnSpan" class="ms-crm-Inline-WarningIcon" title="" style="display: none;"><img src="/_imgs/imagestrips/transparent_spacer.gif" class="ms-crm-ImageStrip-inlineedit_warning" alt="Error" id="hnc_supplierclaimcustomersocialbalance_warn"><div id="hnc_supplierclaimcustomersocialbalance_w" class="ms-crm-Hidden-NoBehavior"></div></span>
        </div>
    </td>
</tr>

Кто-нибудь знает, почему мое поле баланса не выровнено по правому краю?