/* make avatar circular */
nav#layout-mainmenu ul.mainmenu-toolbar li.mainmenu-account img.account-avatar {
     border-radius: 100%;
}



.text-red > input {
    color: red !important;
    font-weight: bold;
    text-align: center;
}

.large-balloons > label {
    min-width: 270px;
}

.large-balloons > .control-balloon-selector {
    display: inline-block;
}

.large-balloons > .control-balloon-selector > ul > li {
    font-size: 12px;
    padding: 8px 10px;
    width: 70px;
    text-align: center;
    margin-left: 10px;
}

.large-balloons > .control-balloon-selector > ul > li:nth-child(1) {
    margin-left: 0px;
}

.text-center {
    text-align: center;
}

.bg-red-200 {
    background-color: #fecaca;
}

.bg-yellow-200 {
    background-color: #fde68a;
}

.bg-yellow-100 {
    background-color: #FEF3C7;
}

.bg-blue-200 {
    background-color: #BFDBFE;
}

.bg-green-200 {
    background-color: #a7f3d0;
}

.bg-danger-row{
    background-color: #f2dede;
}

.bg-warning-row{
    background-color: #fcf8e3;
}

.bg-success-row{
    background-color: #dff0d8;
}


table.table.data tbody tr.bg-green-200:nth-child(even) td,
table.table.data tbody tr.bg-green-200:nth-child(even) th {
    background-color: #a7f3d0;
}

table.table.data tbody tr.bg-red-200:nth-child(even) td,
table.table.data tbody tr:nth-child(even) th {
    background-color: #fecaca;
}

table.table.data tbody tr.bg-yellow-200:nth-child(even) td,
table.table.data tbody tr.bg-yellow-200:nth-child(even) th {
    background-color: #fde68a;
}

table.table.data tbody tr.bg-yellow-100:nth-child(even) td,
table.table.data tbody tr.bg-yellow-100:nth-child(even) th {
    background-color: #FEF3C7;
}

table.table.data tbody tr.bg-blue-200:nth-child(even) td,
table.table.data tbody tr.bg-blue-200:nth-child(even) th {
    background-color: #BFDBFE;
}

table.table.data tbody tr.bg-danger-row:nth-child(even) td,
table.table.data tbody tr.bg-danger-row:nth-child(even) th {
    background-color: #f2dede;
}

table.table.data tbody tr.bg-warning-row:nth-child(even) td,
table.table.data tbody tr.bg-warning-row:nth-child(even) th {
    background-color: #fcf8e3;
}

table.table.data tbody tr.bg-success-row:nth-child(even) td,
table.table.data tbody tr.bg-success-row:nth-child(even) th {
    background-color: #dff0d8;
}


/* ---------------------------------------------------------------
   Ledger lists (Transactions / Safe Transactions)
   Totals cards + running-balance row. Uses October's --bs-* theme
   variables, so it follows [data-bs-theme=dark] and RTL.
   --------------------------------------------------------------- */
.ledger-totals,
.ledger-balance,
table.table.data {
    --ledger-border: var(--bs-border-color, #dfe3e8);
    --ledger-surface: var(--bs-body-bg, #fff);
    --ledger-text: var(--bs-body-color, #2b3a42);
    --ledger-muted: var(--bs-secondary-color, #72809d);
    --ledger-negative: #c0392b;
    --ledger-accent: #3f6f9e;
    --ledger-pill: #eef2f6;
}

[data-bs-theme=dark] .ledger-totals,
[data-bs-theme=dark] .ledger-balance,
[data-bs-theme=dark] table.table.data {
    --ledger-negative: #ef8a7e;
    --ledger-accent: #7fa6cc;
    --ledger-pill: rgba(255, 255, 255, 0.08);
}

.ledger-totals {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px 0;
}

.ledger-total {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 150px;
    padding: 8px 14px;
    background: var(--ledger-surface);
    border: 1px solid var(--ledger-border);
    border-radius: 6px;
    color: var(--ledger-text);
}

.ledger-total--primary {
    border-inline-start: 3px solid var(--ledger-accent);
}

.ledger-total__label {
    font-size: 12px;
    line-height: 1.3;
    color: var(--ledger-muted);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ledger-total__amount {
    font-size: 16px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    unicode-bidi: isolate;
    direction: ltr;
    align-self: flex-start; /* shrink-wrap and stay on the container's start side (right in RTL) */
}

.ledger-total--primary .ledger-total__amount {
    font-size: 20px;
    font-weight: 600;
}

.ledger-total.is-negative .ledger-total__amount { color: var(--ledger-negative); }
.ledger-total.is-zero .ledger-total__amount { color: var(--ledger-muted); }

@media (max-width: 575px) {
    .ledger-total { flex: 1 1 100%; }
}

/* Running-balance row: quiet, not a data row. */
table.table.data tbody tr.ledger-balance-row,
table.table.data tbody tr.ledger-balance-row:hover,
table.table.data tbody tr.ledger-balance-row:nth-child(even) {
    background: transparent;
}

table.table.data tbody tr.ledger-balance-row > td {
    padding-top: 2px;
    padding-bottom: 6px;
    background: transparent;
    border-top: 0;
    cursor: default;
}

.ledger-balance-row__cell--left { text-align: left; }
.ledger-balance-row__cell--right { text-align: right; }

.ledger-balance {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    padding: 2px 10px;
    background: var(--ledger-pill);
    border-radius: 999px;
    font-size: 12px;
    color: var(--ledger-text);
}

.ledger-balance__label {
    color: var(--ledger-muted);
}

.ledger-balance__amount {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    unicode-bidi: isolate;
    direction: ltr;
}

.ledger-balance.is-negative .ledger-balance__amount { color: var(--ledger-negative); }
.ledger-balance.is-zero .ledger-balance__amount { color: var(--ledger-muted); }