[data-page="supplier_payment_view"][data-itemid="page_image_ash8f23hr"] {
  width: 400px;
}


/* ============================================================
   BuildLedger Supplier Payment Form - Uniform Sections + Spacing
   Use on:
   supplier_payment Add page Custom CSS
   supplier_payment Edit page Custom CSS
   supplier_payment View page Custom CSS
   ============================================================ */

.panel {
    margin-bottom: 22px !important;
    border-radius: 4px !important;
    border: 1px solid #dddddd !important;
    box-shadow: none !important;
}

.panel-heading {
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 10px 14px !important;
    background: linear-gradient(#f7f7f7, #e9e9e9) !important;
}

.panel-body {
    padding: 20px 28px !important;
}

[data-itemid="bl_sp_supplier"] .panel-body,
[data-itemid="bl_sp_document"] .panel-body,
[data-itemid="bl_sp_method"] .panel-body,
[data-itemid="bl_sp_currency"] .panel-body,
[data-itemid="bl_sp_remarks"] .panel-body,
[data-itemid="bl_sp_summary"] .panel-body,
[data-itemid="bl_sp_audit"] .panel-body {
    padding: 20px 28px !important;
}

[data-itemid="bl_sp_supplier"],
[data-itemid="bl_sp_document"],
[data-itemid="bl_sp_method"],
[data-itemid="bl_sp_currency"],
[data-itemid="bl_sp_remarks"],
[data-itemid="bl_sp_summary"],
[data-itemid="bl_sp_audit"] {
    margin-bottom: 22px !important;
}

[data-itemid="bl_sp_supplier"] .panel,
[data-itemid="bl_sp_document"] .panel {
    min-height: 205px !important;
}

[data-itemid="bl_sp_method"] .panel,
[data-itemid="bl_sp_currency"] .panel {
    min-height: 230px !important;
}

[data-itemid="bl_sp_remarks"] .panel,
[data-itemid="bl_sp_summary"] .panel {
    min-height: 270px !important;
}

[data-itemid="bl_sp_audit"] .panel {
    min-height: 270px !important;
}

.form-group {
    margin-bottom: 14px !important;
}

.form-control {
    max-width: 100% !important;
}

textarea.form-control {
    min-height: 92px !important;
}

.rnr-c,
.bs-gridcell,
[data-cellid],
[data-pageid] .bs-gridcell {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

.rnr-c:first-child,
.bs-gridcell:first-child {
    padding-left: 0 !important;
}

.rnr-c:last-child,
.bs-gridcell:last-child {
    padding-right: 0 !important;
}

[data-itemtype="details_preview"],
[data-itemtype="details"],
.r-details-wrapper,
.details-grid {
    margin-top: 28px !important;
    margin-bottom: 22px !important;
}

.rnr-gridtable,
.table {
    margin-top: 10px !important;
}

.rnr-gridtable th,
.rnr-gridtable td,
.table th,
.table td {
    padding: 8px 10px !important;
    vertical-align: middle !important;
}

input[name*="net_cash_amount"],
input[name*="applied_amount"],
input[name*="unapplied_amount"] {
    background-color: #f7f7f7 !important;
}

.container,
.bs-pagepanel {
    max-width: 1280px !important;
}

@media (max-width: 991px) {
    .rnr-c,
    .bs-gridcell,
    [data-cellid],
    [data-pageid] .bs-gridcell {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .panel {
        margin-bottom: 18px !important;
    }

    [data-itemid="bl_sp_supplier"] .panel,
    [data-itemid="bl_sp_document"] .panel,
    [data-itemid="bl_sp_method"] .panel,
    [data-itemid="bl_sp_currency"] .panel,
    [data-itemid="bl_sp_remarks"] .panel,
    [data-itemid="bl_sp_summary"] .panel,
    [data-itemid="bl_sp_audit"] .panel {
        min-height: auto !important;
    }
}