/* Bill payments module (modules/65-bills). */
.bp-actions form { margin: 0; }
.bp-actions .ct-btn { width: 100%; justify-content: center; }
.bp-steps { margin: 0; padding-left: 18px; font-size: 12.5px; line-height: 1.6; }
.bp-off td { color: var(--muted); }
.bp-curs { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.bp-formbar { display: flex; gap: 8px; flex-wrap: wrap; }
.bp-delete { margin-top: 12px; padding-top: 12px; border-top: 1px solid #e6edf3; }
.bp-fee { margin: -4px 0 0; display: flex; gap: 10px; flex-wrap: wrap; align-items: baseline; }
.bp-amount { font-size: 26px; font-weight: 700; letter-spacing: -.02em; margin-bottom: 10px; overflow-wrap: anywhere; }
.bp-amount small { display: block; font-size: 13px; font-weight: 400; color: var(--muted); letter-spacing: 0; }
.bp-age { display: inline-block; padding: 2px 8px; border-radius: 99px; background: #e8eef5; font-weight: 600; white-space: nowrap; }
.bp-age.late { background: #fde2e1; color: #a1231b; }
.bp-err { color: #b3261e; }
.bp-inline { display: inline; margin: 0; }
.bp-rowact { white-space: nowrap; }
.bp-rowact form { display: inline; margin: 0 0 0 4px; }
.bp-cats { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; }
.bp-cat h4 { margin: 0 0 6px; font-size: 12.5px; display: flex; gap: 6px; align-items: center; }
.bp-cat ul { list-style: none; margin: 0; padding: 0; }
.bp-cat li a { display: block; padding: 4px 6px; border-radius: 4px; font-size: 12.5px; overflow-wrap: anywhere; }
.bp-cat li a.on, .bp-cat li a:hover { background: var(--infoBg); }
.bp-cat li small { display: block; color: var(--muted); font-size: 11px; }
@media (max-width: 720px) {
    .bp-rowact { white-space: normal; }
    .bp-rowact form { display: block; margin: 4px 0 0; }
}