/* Generated by tools/make_rtl.py from style.css, app-entry.css and landing.css. Do not edit: edit rtl_extra.css or the sources and run the tool again. */

/* from style.css */
@media (min-width: 900px) {
html[dir="rtl"] .sidebar { border-left: 1px solid var(--border); border-right: 0; }
html[dir="rtl"] .sidebar a,
html[dir="rtl"] .sidebar button { text-align: right; }
}
html[dir="rtl"] .kv b { text-align: left; }
html[dir="rtl"] .cat.sub { padding-right: 2rem; padding-left: 0; }
html[dir="rtl"] .note ul { padding-right: 1.1rem; padding-left: 0; }
html[dir="rtl"] .row.txn .amt { text-align: left; }
html[dir="rtl"] .bigamount input { text-align: left; }
html[dir="rtl"] a.setrow { text-align: right; }
html[dir="rtl"] .rtable th { text-align: right; }
html[dir="rtl"] .rtable .r { text-align: left; }
html[dir="rtl"] .pill { margin-right: .4rem; margin-left: 0; }
html[dir="rtl"] .sharebox summary small { margin-right: auto; }
html[dir="rtl"] .legend .sw { margin-right: .5rem; margin-left: 0; }
html[dir="rtl"] .legend .sw.in { margin-right: 0; }
html[dir="rtl"] .cmore { padding: 0 1rem .5rem 0; }
html[dir="rtl"] .steps { padding-right: 1.2rem; padding-left: 0; }
html[dir="rtl"] .group.gc > header { border-right: 4px solid var(--gc); border-left: 0; }
html[dir="rtl"] .gtag::before { margin-left: .4rem; margin-right: 0; }
@media (min-width: 1000px) {
html[dir="rtl"] .acctnav a { border-right: 3px solid transparent; border-left: 0; }
html[dir="rtl"] .acctnav a.on { border-right-color: var(--gc); }
}
@media (min-width: 1000px) {
html[dir="rtl"] .ledger .lhead span:nth-child(n+4),
html[dir="rtl"] .ledger .c-bal,
html[dir="rtl"] .ledger .row.txn .amt { text-align: left; }
}
@media (min-width: 1000px) {
html[dir="rtl"] .topsearch { margin-left: auto; }
}
@media (min-width: 1100px) {
html[dir="rtl"] body.ws .acctpane { border-left: 1px solid var(--border); border-right: 0; }
html[dir="rtl"] .pgroup > a { border-right: 4px solid transparent; border-left: 0; }
html[dir="rtl"] .pgroup > a.on { border-right-color: var(--brand-2); }
html[dir="rtl"] .wshead h1 small { margin-right: .3rem; margin-left: 0; }
html[dir="rtl"] body.ws .wstotals .lab { margin-left: .4rem; margin-right: 0; }
html[dir="rtl"] body.ws .quickbar .qamt input { text-align: left; }
html[dir="rtl"] body.ws .menupanel { left: .8rem; right: auto; }
}
@media (min-width: 1100px) {
html[dir="rtl"] body.ws .quickbar .qacct .combo-list { right: auto; left: 0; }
}
html[dir="rtl"] .bellcount { left: 0; }
@media (min-width: 1100px) {
html[dir="rtl"] .txlist .lhead span:last-child,
html[dir="rtl"] .txlist .row.txn .amt { text-align: left; }
}
html[dir="rtl"] .txlist.selecting a.row.txn { padding-right: 2.2rem; padding-left: 0; }
html[dir="rtl"] .txlist.selecting a.row.txn::before { right: .75rem; left: auto; }
html[dir="rtl"] .bulkbar .bcount { margin-left: auto; }
@media (min-width: 1000px) {
html[dir="rtl"] .txlist.selecting a.row.txn { padding-right: 2.2rem; padding-left: 0; }
}
@media (max-width: 699px) {
html[dir="rtl"] .combo.sheet-open .combo-input { right: .6rem; left: 6rem; }
html[dir="rtl"] .combo.sheet-open .combo-add { left: 3.1rem; right: auto; }
html[dir="rtl"] .combo.sheet-open .combo-close { left: .4rem; right: auto; }
}
html[dir="rtl"] .mrow { text-align: right; }
html[dir="rtl"] body.rpt .kpi { border-left: 1px solid var(--border); border-right: 0; }
html[dir="rtl"] body.rpt .kpi:last-child { border-left: 0; }
html[dir="rtl"] .langpill { left: .8rem; right: auto; }
html[dir="rtl"] .wiz-choice { text-align: right; }
html[dir="rtl"] .tour-nav small { margin-left: auto; }
html[dir="rtl"] .biz-table th { text-align: right; }
html[dir="rtl"] .biz-table .r { text-align: left; }
html[dir="rtl"] .line-del { left: .4rem; right: auto; }
html[dir="rtl"] .line .f-desc .lb { padding-left: 2rem; padding-right: 0; }
@media (min-width: 560px) {
html[dir="rtl"] .line .f-amt { text-align: left; }
}
html[dir="rtl"] .doc-totals { margin: .8rem auto .4rem 0; }
html[dir="rtl"] .doc-totals .words { text-align: left; }
html[dir="rtl"] .plancard li { padding: .28rem 1.45rem .28rem 0; }
html[dir="rtl"] .plancard li::before { right: 0; }
html[dir="rtl"] .plancard .pill { margin-right: 0; }
html[dir="rtl"] .plancard .tag { left: 1rem; right: auto; }
html[dir="rtl"] .cmp thead th:first-child { border-top-right-radius: 10px; text-align: right; }
html[dir="rtl"] .cmp thead th:last-child { border-top-left-radius: 10px; }
html[dir="rtl"] .cmp th:first-child,
html[dir="rtl"] .cmp td:first-child { text-align: right; right: 0; }
@media (max-width: 699px) {
html[dir="rtl"] .cmp td:first-child,
html[dir="rtl"] .cmp tbody tr:nth-child(even) td:first-child { text-align: right; }
html[dir="rtl"] .cmp td:not(:first-child) { text-align: left; }
html[dir="rtl"] .cmp td:not(:first-child)::before { text-align: right; }
}
html[dir="rtl"] .table th { text-align: right; }
html[dir="rtl"] .table td.act,
html[dir="rtl"] .table th.act { text-align: left; }
html[dir="rtl"] .table .pill { margin-right: 0; }
html[dir="rtl"] .setform .setrow { text-align: right; }
html[dir="rtl"] .ledger .monthsum .lab { margin-left: .3rem; margin-right: 0; }
html[dir="rtl"] .plancard .pc-top small { margin-right: auto; }
html[dir="rtl"] .navbadge { margin-right: auto; }
html[dir="rtl"] .sheet-grid .navbadge { left: calc(50% - 1.7rem); right: auto; }
@media (min-width: 900px) {
html[dir="rtl"] .sidebar a .navbadge { margin-right: auto; }
}
html[dir="rtl"] .wstotals .lab { margin-left: .3rem; margin-right: 0; }
html[dir="rtl"] #flashstack { left: 1rem; right: auto; }
@media (max-width: 899px) {
html[dir="rtl"] #flashstack { left: 50%; right: auto; transform: translateX(-50%); }
}
html[dir="rtl"] .rsec > a,
html[dir="rtl"] .rsec .rstate > summary { border-right: 3px solid transparent; border-left: 0; }
html[dir="rtl"] .rsec > a.on { border-right-color: var(--brand-2); }
html[dir="rtl"] .rjump { margin-right: auto; }
@media (min-width: 1100px) {
html[dir="rtl"] .subnav:has(*) { border-left: 1px solid var(--border); border-right: 0; }
html[dir="rtl"] .subnav .rsec > a,
html[dir="rtl"] .subnav .rsec .rstate > summary { border-right: 0; }
}
@media (min-width: 1000px) {
html[dir="rtl"] .container { margin-right: 0; margin-left: auto; }
}
html[dir="rtl"] .sub-list a.catchild { padding-right: 1.6rem; padding-left: 0; }
html[dir="rtl"] .taxtbl td .inline { margin-right: .3rem; margin-left: 0; }
@media (min-width: 1000px) {
html[dir="rtl"] .line .f-desc .lb { padding-left: 0; }
}
html[dir="rtl"] .subnav-grip { left: 0; }
html[dir="rtl"] button.setrow { text-align: right; }
html[dir="rtl"] .biz-table th:first-child,
html[dir="rtl"] .biz-table td:first-child { padding-right: 1rem; padding-left: 0; }
html[dir="rtl"] .biz-table th:last-child,
html[dir="rtl"] .biz-table td:last-child { padding-left: 1rem; padding-right: 0; }
html[dir="rtl"] .biz-table td.r small,
html[dir="rtl"] .biz-table td small.r { margin-right: .4rem; margin-left: 0; }
html[dir="rtl"] .biz-table th.r,
html[dir="rtl"] .biz-table td.r { text-align: left; }
html[dir="rtl"] .gwchoice { text-align: right; }
html[dir="rtl"] .gf-tabs span { border-left: 1px solid var(--border); border-right: 0; }
html[dir="rtl"] .gf-tabs label:last-child span { border-left: 0; }

/* from app-entry.css */
html[dir="rtl"] .ipanel .iacct { text-align: right; }
html[dir="rtl"] .ipanel .icancel { margin: .4rem auto 0 0; }
html[dir="rtl"] .ipanel .iwords { text-align: right; }

/* from landing.css */
html[dir="rtl"] .lp-brand { margin-left: auto; }
html[dir="rtl"] .lp-trust li::before { margin-left: .4rem; margin-right: 0; }
html[dir="rtl"] .lp-s-amt div { text-align: left; }
html[dir="rtl"] .lp-step { padding: 1.2rem 4.2rem 1.2rem 1.2rem; }
html[dir="rtl"] .lp-step::before { right: 1.1rem; left: auto; }
html[dir="rtl"] .lp-who ul { padding-right: 1.1rem; padding-left: 0; }
html[dir="rtl"] .pw button { left: .5rem; right: auto; }
html[dir="rtl"] .pw input { padding-left: 4.2rem !important; padding-right: 0 !important; }
html[dir="rtl"] .lp-plink + .lp-btn { margin-right: 0; }
html[dir="rtl"] .legal ul,
html[dir="rtl"] .legal ol { padding-right: 1.3rem; padding-left: 0; }

/* hand-written */
/* Right-to-left (Urdu) extras that cannot be derived from the other stylesheets. Loaded only when the page language is written right to left. */
@font-face { font-family: "Noto Naskh Arabic"; src: url("fonts/NotoNaskhArabic.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }

html[dir="rtl"] { font-size: 106%; }
html[dir="rtl"] body, html[dir="rtl"] button, html[dir="rtl"] input, html[dir="rtl"] select, html[dir="rtl"] textarea {
  font-family: "Noto Naskh Arabic", "Segoe UI", Tahoma, system-ui, -apple-system, Roboto, sans-serif;
}
html[dir="rtl"] body { line-height: 1.75; }
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3 { line-height: 1.6; }
html[dir="rtl"] .btn, html[dir="rtl"] button, html[dir="rtl"] .chip, html[dir="rtl"] .pill, html[dir="rtl"] .tab { line-height: 1.6; }

/* letters of the Urdu script join: letter spacing and capitals would break them */
html[dir="rtl"] *, html[dir="rtl"] *::before, html[dir="rtl"] *::after { letter-spacing: 0 !important; text-transform: none !important; }

/* what people type: emails, user names and codes are written left to right, everything else follows the text */
html[dir="rtl"] input, html[dir="rtl"] textarea { unicode-bidi: plaintext; }
html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="url"], html[dir="rtl"] input[type="tel"], html[dir="rtl"] input[type="password"],
html[dir="rtl"] input[name="username"], html[dir="rtl"] input[inputmode="numeric"], html[dir="rtl"] input[inputmode="decimal"], html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[type="date"], html[dir="rtl"] input[type="time"], html[dir="rtl"] .keybox, html[dir="rtl"] code, html[dir="rtl"] pre { direction: ltr; text-align: left; }
html[dir="rtl"] input::placeholder, html[dir="rtl"] textarea::placeholder { direction: rtl; }

/* charts, icons and the number keypad keep their own direction */
html[dir="rtl"] svg, html[dir="rtl"] .chart, html[dir="rtl"] .ikeys, html[dir="rtl"] .keypad { direction: ltr; }
html[dir="rtl"] svg text { direction: rtl; }
html[dir="rtl"] .ledgertbl, html[dir="rtl"] .biz-table, html[dir="rtl"] .rtable { direction: rtl; }

/* small counters such as "1 / 4" must not be reordered */
html[dir="rtl"] .tour-nav small, html[dir="rtl"] .pager, html[dir="rtl"] .num, html[dir="rtl"] time { direction: ltr; unicode-bidi: isolate; }