html[dir="ltr"],
body[dir="ltr"],
:root[dir="ltr"] {
    direction: ltr;
}

html[dir="ltr"] body,
body[dir="ltr"] {
    text-align: left;
    font-family: var(--tf-font-family-en);
}

[dir="ltr"] .tf-action-bar,
[dir="ltr"] .tf-btn-group-responsive,
[dir="ltr"] .tf-form-row,
[dir="ltr"] .tf-page-header,
[dir="ltr"] .tf-card-header,
[dir="ltr"] .tf-table-actions {
    direction: ltr;
}

[dir="ltr"] .tf-navbar-link,
[dir="ltr"] .tf-stat-card {
    text-align: left;
}

[dir="ltr"] .tf-table,
[dir="ltr"] .tf-table-data {
    text-align: left;
}