/* RTL overrides for Arabic language */

html[dir="rtl"] .sidebar {
    left: auto;
    right: 0;
}

html[dir="rtl"] .workspace {
    margin-left: 0;
    margin-right: 280px;
}

html[dir="rtl"] .form-group label {
    text-align: right;
}

html[dir="rtl"] .checkbox-row {
    flex-direction: row-reverse;
}

html[dir="rtl"] .button-group {
    flex-direction: row-reverse;
}

html[dir="rtl"] .pagination {
    justify-content: flex-start;
}

html[dir="rtl"] .topbar {
    flex-direction: row-reverse;
}

html[dir="rtl"] .topbar__brand {
    margin-right: 0;
    margin-left: auto;
}

html[dir="rtl"] .topbar__actions {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] .record-row {
    flex-direction: row-reverse;
}

html[dir="rtl"] .data-table th {
    text-align: right;
}

html[dir="rtl"] .data-table td {
    text-align: right;
}

html[dir="rtl"] .panel header,
html[dir="rtl"] .panel .panel-header {
    flex-direction: row-reverse;
}

html[dir="rtl"] .metric-card {
    text-align: right;
}

html[dir="rtl"] .alert {
    text-align: right;
}

html[dir="rtl"] .breadcrumb {
    flex-direction: row-reverse;
}

html[dir="rtl"] .dropdown-menu {
    left: auto;
    right: 0;
}

html[dir="rtl"] .modal-header {
    flex-direction: row-reverse;
}

html[dir="rtl"] .modal-footer {
    flex-direction: row-reverse;
}

html[dir="rtl"] .sidebar-footer {
    text-align: right;
}

html[dir="rtl"] .sidebar-link__icon {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .document-card {
    text-align: right;
}

html[dir="rtl"] .document-card__meta {
    text-align: left;
}

html[dir="rtl"] .page-header {
    flex-direction: row-reverse;
}

html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
    text-align: right;
}

html[dir="rtl"] .button {
    flex-direction: row-reverse;
}

html[dir="rtl"] .tabs {
    flex-direction: row-reverse;
}

html[dir="rtl"] .card {
    text-align: right;
}

html[dir="rtl"] .document-filter {
    flex-direction: row-reverse;
}

html[dir="rtl"] .sidebar-nav {
    text-align: right;
}

html[dir="rtl"] .empty-state {
    text-align: right;
}

html[dir="rtl"] .brand__text {
    margin-right: 10px;
    margin-left: 0;
}