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

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

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

html[dir="rtl"] .me-3 {
    margin-left: 1rem !important;
    margin-right: 0 !important;
}

html[dir="rtl"] .me-2 {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

html[dir="rtl"] .me-4 {
    margin-left: 1.5rem !important;
    margin-right: 0 !important;
}

html[dir="rtl"] .ps-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

html[dir="rtl"] .ps-3 {
    padding-right: 1rem !important;
    padding-left: 0 !important;
}

html[dir="rtl"] .pe-3 {
    padding-left: 1rem !important;
    padding-right: 0 !important;
}

html[dir="rtl"] .ms-2 {
    margin-left: 0.5rem !important;
    margin-right: auto !important;
}

html[dir="rtl"] .ms-3 {
    margin-left: 1rem !important;
    margin-right: auto !important;
}

html[dir="rtl"] .text-end {
    text-align: left !important;
}

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

html[dir="rtl"] .float-end {
    float: left !important;
}

html[dir="rtl"] .float-start {
    float: right !important;
}

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

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

html[dir="rtl"] .form-check {
    padding-left: 0;
    padding-right: 1.5rem;
}

html[dir="rtl"] .form-check-input {
    margin-left: 0;
    margin-right: -1.5rem;
}

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

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

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

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

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

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

html[dir="rtl"] .progress {
    direction: rtl;
}

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

html[dir="rtl"] .input-group > .form-control {
    border-radius: 0.375rem 0.375rem 0.375rem 0.375rem;
}

html[dir="rtl"] .input-group > .btn {
    border-radius: 0.375rem 0.375rem 0.375rem 0.375rem;
}

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

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

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    transform: scaleX(-1);
}

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

html[dir="rtl"] .col-md-3,
html[dir="rtl"] .col-md-4,
html[dir="rtl"] .col-md-6,
html[dir="rtl"] .col-md-8,
html[dir="rtl"] .col-md-9,
html[dir="rtl"] .col-md-12 {
    text-align: right;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
    text-align: right;
}

html[dir="rtl"] .badge {
    text-align: center;
}

html[dir="rtl"] i.fa-clock::before,
html[dir="rtl"] i.fa-user::before,
html[dir="rtl"] i.fa-eye::before {
    margin-left: 0.5rem;
    margin-right: 0;
}

html[dir="rtl"] .btn i {
    margin-left: 0.5rem;
    margin-right: 0;
}

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

html[dir="rtl"] .social-links {
    text-align: center;
}

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

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

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

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

@media (max-width: 768px) {
    html[dir="rtl"] .navbar-toggler {
        order: -1;
    }
}